Jquery 粘性导航栏无法正确显示
我正在创建一个导航栏，但我无法正确显示粘性部分 如您所见，它会显示出来，但菜单项会移到左侧，并且背景不是全宽的。基本上，我想做的是当我滚动时，标题中菜单项所在的完整导航部分应该出现 $document.readyfunction{ $window.scrollfunction{ console.log$window.scrollTop 如果$window.scrollTop>180{ $'.menu container'.addClass'sticky-header'； } 如果$window.scrollTop<181{ $'.menu container'.removeClass'sticky-header'； } }; }; 正文{背景色：ccc；} /*航行*/ 样式-2-顶栏{ 背景色：ffffff； 边框底部：1px实心rgba0,0,0,0.05； 填充顶部：18px； } 标志a img{ 垫底：10px； } /*标题详细信息*/ .详细信息块.块.媒体i{ 背景色：0087be； 颜色：fff； 填充顶部：10px； 垫底：10px； 左侧填充：13px； 字号：18px； 高度：40px； 线高：20px； 宽度：40px； 边界半径：10%； } .详细信息块.块.媒体.媒体体h5{ 字体大小：15px； 字号：600； 页边距底部：0； } .详细信息块.块.媒体.媒体正文p{ 字体大小：13px； } .详细信息块。块：非：最后一个子项{ 右边距：20px； } /*主导航*/ 主导航包装器{ 高度：50px； 背景色：fff； } 主导航包装器。收割台主部分{ 位置：相对位置； } .粘头{ 位置：固定； 排名：0； z指数：10000； 背景色：ffffff； } 主导航包装。标题主部分。菜单{ 浮动：左； 边缘顶部：10px； 左边距：-50px； } 李先生{ 列表样式：无； 显示：内联块； } .菜单李a{ 颜色：2B2B； 文本转换：大写； 文字装饰：无； 填充：0 10px； 过渡：.4s； 字体大小：14px； 字号：600； } .显示菜单btn、.隐藏菜单btn{ 过渡：.4s； 字体大小：30px； 光标：指针； 显示：无； } .显示菜单btn{ 浮动：对； } .显示菜单btn i{ 线高：80px； } .菜单a:悬停、.显示菜单btn:悬停、.隐藏菜单btn:悬停{ 颜色：3498db； } chk{ 位置：绝对位置； 可见性：隐藏； z指数：-1111； } /*下拉菜单样式*/ 主导航包装器。收割台主部分ul{ 位置：绝对位置； 顶部：50px； 背景：ffffff； 边框顶部宽度：3倍； 边框底宽：0px； 边框左宽度：0px； 右边框宽度：0px； 边框样式：实心； 边框颜色：0087be； -webkit盒阴影：0 6px 12px rgba0,0,0.175； 盒影：0 6px 12px rgba0,0,0,175； 不透明度：0； 可见性：隐藏； 变换：scaleY0； -webkit转换：scaleY0； -moz变换：scaleY0； -ms变换：scaleY0； -o变换：scaleY0； 变换原点：中心顶部0； -webkit变换原点：居中顶部0； -moz变换原点：中心顶部0； -ms变换原点：中心顶部0； -o-变换-原点：中心-顶部0； 过渡：所有0.3秒均为0秒； -webkit转换：所有0.3都易于输入输出0； -moz转换：所有0.3秒都可从0秒变为0秒； -ms转换：所有0.3秒均为0秒； -o型转换：所有0.3秒均为0秒； 填充：0； z指数：1000； } 主导航包装。标题主部分ul li：悬停>ul{ 不透明度：1； 能见度：可见； 变换：scaleY1； -moz变换原点：中心顶部0； -webkit转换：scaleY1； -moz变换：scaleY1； -ms变换：scaleY1； -o变换：scaleY1； } 主导航包装。收割台主部分ul li{ 位置：相对位置； 边际：0px； 宽度：180px； 浮动：无； 显示：块； 线高：50px； } 主导航包装。标题主部分ul li：非：最后一个子项{ 边框底部：1px实心rgba57,81104,2； } 主导航包装器。收割台主部分ul li a{ 显示：块； 字体大小：12px； } /*内容*/ 英雄{ 背景：url'../images/medicalbg-2.jpg'rgba0,0,0.8； 填充顶部：50px； 填充底部：50px； } 加拿大广场一号， 金丝雀码头，英国 星期一至五：上午9时至下午5时 周六/周日：休息 +12 123 456 789 知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除非圣约翰不冒失，否则不应为自己的罪行负责 我是第一次分娩 知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡 知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡 知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡 知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡 知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡 知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡 知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡 知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡 知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡 知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡 左加：0；右：0；到。粘性标题将解决您的问题？我希望我能理解你的问题Jquery 粘性导航栏无法正确显示,jquery,css,twitter-bootstrap,Jquery,Css,Twitter Bootstrap,我正在创建一个导航栏，但我无法正确显示粘性部分 如您所见，它会显示出来，但菜单项会移到左侧，并且背景不是全宽的。基本上，我想做的是当我滚动时，标题中菜单项所在的完整导航部分应该出现 $document.readyfunction{ $window.scrollfunction{ console.log$window.scrollTop 如果$window.scrollTop>180{ $'.menu container'.addClass'sticky-header'； } 如果$window
.sticky-header {
position: fixed;
top: 0;
left: 0; /* Add this line */
right: 0; /* Add this line */
z-index: 10000;
background-color: #ffffff;
}