Jquery 滚动时标题上出现白色背景

Jquery 滚动时标题上出现白色背景,jquery,css,menu,header,scroll,Jquery,Css,Menu,Header,Scroll,当页面滚动到最后时,有一个白色背景延伸到屏幕的宽度。 我希望在整个页面中保持相同的宽度 问候,, Josh一旦menu元素接收到sticky类,将其指定为与.theme布局1230px相同的固定宽度,并删除left属性 如果具有position:fixed的元素没有左值,则该元素将自动与它仍然是文档流一部分的位置对齐。为了使其具有正确的宽度,您不能再使用100%的相对宽度,因为它的参考点现在是文档本身,而不是您需要为其提供固定宽度的布局容器。我已根据您的指示更新了“style.css”。现在似乎

当页面滚动到最后时,有一个白色背景延伸到屏幕的宽度。 我希望在整个页面中保持相同的宽度

问候,,
Josh

一旦menu元素接收到sticky类,将其指定为与.theme布局1230px相同的固定宽度,并删除left属性


如果具有position:fixed的元素没有左值,则该元素将自动与它仍然是文档流一部分的位置对齐。为了使其具有正确的宽度,您不能再使用100%的相对宽度,因为它的参考点现在是文档本身,而不是您需要为其提供固定宽度的布局容器。

我已根据您的指示更新了“style.css”。现在似乎有一半的问题得到了纠正。但是当滚动到底部时,标题仍然会向右移动。这是因为您的header.business1.for-sticky.sticky选择器不够强。宽度为100%的菜单秒将覆盖1230px的宽度。您可以通过将选择器更改为header.business1 menu-sec.for-sticky.sticky来解决此问题。