Question

如何修复网站上的粘性导航栏？

问题是此时标题部分只是跳到左侧，当我开始滚动时，我只是希望它保持原样，如果我将position:absolute;添加到它停止跳转的部分，很棒，但是，该网站有一个蓝线，导航菜单打开并跨越页面的宽度，这是无论屏幕有多宽。

如果我在标题部分使用position:absolute;代码，则会阻止该线显示在剩余空间中，并根据网站的实际主体进行切割。页脚仍然很好，使它看起来不平衡。谁能想到一种不丢失蓝条的方法呢？

此外，由于某种原因，标题部分的一部分（覆盖购物车和内部物品并不想使用粘性标题向下移动），它会留在顶部。编码是否有一种简单的方法可以将该部分作为header section的一部分进行关联，或者我是否必须为此创建第二个粘性代码并使其浮动到正确的位置？

我可以提供什么来帮助我进一步使用stickyjs插件，尽管如果你能找到一种方法来使用其他方法修复所有内容，那将会非常棒。

此链接显示了我的当前阶段网站正在执行的操作： http://pressparts.oxatis.com/Default.asp?ADContext=1

Answer 1

对于网站上的粘性导航栏，您应该使用

position: fixed;
top: 0px;
left: 0px;

无论滚动如何，这都会将导航栏放在屏幕的左上角。