调整窗口大小时如何使固定位置导航保持静态

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;
}

这似乎对我有用。