調整窗口大小時如何使固定位置導航保持靜態

Question

這是網站http://designobvio.us/dov2/index.html

CSS框架：grid960。

繼承人的CSS行

#siteSectionOne #nav{position:fixed; left:50%; margin-left:-220px; z-index:10;}

這可能需要jQuery / javascript來完成； 如果有人能在正確的方向上提出一些線索，我將進行研究

調整窗口大小時，導航欄會同時移動。 導致合並在某個時候或使其向左浮動太遠而看起來很丑。

無論如何，要保持導航固定的寬度； 同時保持固定的滾動

我對如何完成已嘗試過的操作感到有些困惑：％和-margin-left; 我試過把它放在父母那里。 但是，似乎沒有什么可以覆蓋父div

任何想法謝謝！

Answer 1

這不應該需要JavaScript。 嘗試這個：

將您的#siteSectionOne #nav選擇器更新為以下內容：

#siteSectionOne #nav {
  position: fixed;
  left: 50%;
  margin-left: -470px;
  z-index: 10;
}

這似乎對我有用。