当我翻来覆去的时候，Navbar没有切换到固定的。
当我翻来覆去的时候，Navbar没有切换到固定的。
提问于 2014-09-01 12:39:45
这里的参考文件是url http://buildme.co/
我目前有一个问题，我的主要肚脐没有切换到固定的，因为你滚动它。这是斜面图片下面的肚脐。
下面的JavaScript代码应该让它这样做
// Change To Fixed Header
$(document).ready(function(){
$(window).bind('scroll', function() {
var navHeight = $( window ).height() - 100;
if ($(window).scrollTop() > navHeight) {
$('.main-navbar').addClass('navbar-fixed-top');
}
else {
$('.main-navbar').removeClass('navbar-fixed-top');
}
});
});然而，情况并非如此，什么也没有发生。
以下是我正在努力实现的目标的一个例子。http://stanislav.it/tutorials/sticky-navigation/
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-09-01 12:49:14
看起来，您可能需要将滚动事件绑定到“body”(当我在您的站点上检查它时，窗口滚动事件没有触发，但它的主体是)
编辑:噢，等等，我想我看到了.这是你添加到html中的溢出样式，body：
html, body {
overflow-x: hidden;
height: 100%;
}如果我去掉溢出-x:隐藏，你的代码对我有用。我知道我以前遇到过麻烦，因为它不允许一个轴允许溢出，而另一个不允许(所以如果设置overflow :隐藏，它可能会用y滚动来做一些有趣的事情)。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25612650
复制相关文章
相似问题
当我们切换到移动NavBar时，登录模式有问题
TailwindCss固定NavBar
向下滚动时，Navbar没有固定到顶部
当我打开溢出开关时，Navbar项目不会保持固定状态。
带间距的自举固定NavBar
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
