Html 滚动后导航条拉伸过大

我有导航栏，我用js来固定导航栏的位置。在向下滚动后，因为我添加了100%的宽度，我的导航条拉伸超过了它应该拉伸的范围，它覆盖了我的布局

我的剧本

$(window).on("scroll", function(){
 if ($(window).scrollTop()) {
  $('nav').addClass('sticky');
 } else {
  $('nav').removeClass('sticky');
 }
})

Css

链接到网站，以便您可以看到正在发生的事情

这可能是你的问题。 将100%更改为所需的实际宽度，因为您的对象将以静态定位离开标题对象，因此不再调整宽度<这个修复很快，但也很脏。< /强>认为布局中的更改必须应用于具有静态宽度的所有div，以及响应特性更难实现。在这里，选择B将是一个更好的解决方案

另一个解决方案是在pagediv和对象之间插入一个文本，并在其中设置固定宽度。子div允许对齐对象。100%宽度的内部对象将与文档树中的下一个div对齐

这可能是你的问题。 将100%更改为所需的实际宽度，因为您的对象将以静态定位离开标题对象，因此不再调整宽度<这个修复很快，但也很脏。< /强>认为布局中的更改必须应用于具有静态宽度的所有div，以及响应特性更难实现。在这里，选择B将是一个更好的解决方案

---

另一个解决方案是在pagediv和对象之间插入一个文本，并在其中设置固定宽度。子div允许对齐对象。100%宽度的内部对象将与文档树中的下一个div对齐。

我建议您使用position stick属性

例如：

nav{position:sticky；top:0px；}

。您应该在定义了高度的容器中使用它

---

参考资料：

我建议您使用位置杆属性

例如：

nav{position:sticky；top:0px；}

。您应该在定义了高度的容器中使用它

参考：

}

在这里，您只需给出所需的宽度值（以像素为单位）。或者，如果您想将其与相对值一起使用，可以为其创建一个容器，因为它将计算父元素的位置，为容器指定一个固定的宽度值，并将您的元素添加到其中

}

---

在这里，您只需给出所需的宽度值（以像素为单位）。或者，如果您想将其与相对值一起使用，您可以为其创建一个容器，因为它将计算父元素的位置，为容器提供一个固定的宽度值，并将您的元素添加到其中。

您能澄清问题吗？您能澄清问题吗？

.sticky {
position: fixed;
top: 0;
width: 100%;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

.sticky {
position: fixed;
top: 0;
width: 100%;