頁面滾動下的位置是：固定內容

Question

我有位置的導航區：固定

我想頁面內容正常滾動，但導航下不會消失。主要問題是當我進行搜索時（這是一個完整的CMS，在不同模塊中有數百個結果）我搜索的內容有時會在導航下滾動。我確定它，因爲我知道發生了什麼，但我希望它能夠爲我的用戶工作。我想我可以使用框架，但有另一種方法嗎？

---

我基本上有你打字的東西，除了我有一個內容div與margin-top：50px。問題是，內容div與頁面滾動，所以我有50px的隱藏內容，一旦頁面開始滾動。如果我進行瀏覽器搜索（Ctrl-F），這一點尤其明顯。我用@print樣式表解決了打印問題，刪除了導航區域，但是我希望只在導航下面進行滾動。

我想嘗試：

body { 
overflow: no-scroll; (or whatever the css is for this) 
} 

#content { 
overflow: scroll; 
} 

這可能擺脫瀏覽器滾動條，並且只有一個內容區域。不知道如何看起來。還不夠理想。它可能看起來就像一個沒有框架集煩惱的框架集。

Answer 1

未必是萬無一失的，但你可以做

body { 
    position: relative; 
    top: <whatever height your navigation bar is>; 
} 

那麼你的導航元素將有

#nav { 
    position: fixed; 
} 

結合起來，這應該body凸點下都記錄下來，除了那些有position: fixed元素或position: absolute。