导航栏在我滚动时未切换到固定

Navbar Not Switching To Fixed When I Scroll By It

本文关键字：滚动 导航      更新时间：2023-09-26

这里是urlhttp://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/

在您的情况下，您可能需要将滚动事件绑定到"body"（当我在您的网站上检查时，窗口滚动事件没有启动，但body是）

编辑：哦，等等，我想我明白了。。。这是你添加到html的溢出样式，body：

html, body {
    overflow-x: hidden;
    height: 100%;
}

如果我去掉overflow-x:hidden，你的代码对我有效。我知道我以前遇到过这样的问题，即不允许一个轴允许溢出，而另一个轴不允许（所以如果你设置overflow-x:hidden，它可能会对y滚动做一些有趣的事情）

相关文章：