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

How to keep Fixed position navigation static positioned when resizing window

本文关键字：位置 定位 导航 静态 调整 窗口 小时      更新时间：2023-09-26

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

CSSframework：grid960。

这是css行

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

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

调整窗口大小时，导航栏会一致移动。在某个时候导致合并，或者它飘得太左，看起来很难看。

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

我对如何完成这件事有点不知所措我试过左边：%和-左边空白；我试着把它放在父母身上；但是，似乎没有什么可以覆盖父div

有什么想法谢谢！

这不需要JavaScript。试试这个：

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

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

这似乎对我有效。

相关文章：