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

Question

继承人网站http://designobvio.us/dov2/index.html

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

这似乎为我工作。