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

Question

这是网站 http://designobvio.us/dov2/index.html

CSS 框架:grid960。

这是 css 行

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

这可能需要 jQuery/javascript 来完成；如果有人能在正确的方向上提供一些线索，我会进行研究

当我调整窗口大小时，导航栏会同步移动。在某个时候导致合并，或者让它漂浮得太左，看起来很难看。

有没有办法保持导航固定宽度？同时保持固定滚动

我对如何完成这个有点难过 我试过 left:% 和 -margin-left; 我试过把它放在 parent 身上；然而，似乎没有什么可以覆盖父 div

任何想法谢谢你!

Answer 1

这不应该需要 JavaScript。试试这个:

将您的 #siteSectionOne #nav 选择器更新为以下内容:

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

这似乎对我有用。