我的客户（网站 - http://www.abclandscaping.com/）希望我在网页向下滚动时将他们的顶部导航栏设置为粘性栏。
使用JS，当滚动发生时，我将.sticky类添加到导航栏（div，ID="navbar"）。 .sticky 类是这样的：
.sticky{ position: fixed; top: 0;}
但是，现在我的导航栏（ID="navbar"的div）具有固定位置，其宽度不再在父级的div 内，而是整个浏览器窗口的 100% 宽。我明白为什么会发生这种情况，但我不知道如何解决这个问题。
我阅读了有关此问题的其他线程，但是那里讨论的修复程序都不适用于我的情况。
这是我的网站，我遇到了问题：http：//www.abclandscaping.com/
我并没有真正得到你想要的，但是：
如果您希望 #navbar 的宽度相对于#masthead：
- 让
#masthead获得班级sticky -
#navbar和#logo定位为绝对值 -
.sticky #rev_slider_1_1_wrapper, .sticky #subheader { visibility:hidden }