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

时间:2012-02-25 03:43:07

标签: javascript jquery html css navigation

继承了网站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

任何想法都谢谢你!

1 个答案:

答案 0 :(得分:1)

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

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

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

这似乎对我有用。