Javascript 当我滚动导航栏时，导航栏未切换到“固定”

以下是url供参考

我目前有一个问题，我的主导航栏没有切换到固定，因为你滚动它。这是倾斜图像下的导航栏

下面的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');
        }
    });
});

然而事实并非如此，什么也没有发生

---

下面是一个我正在努力实现的例子

在您的案例中，您可能需要将滚动事件绑定到“body”（当我在您的站点上检查窗口滚动事件时，窗口滚动事件没有启动，但body已启动）

编辑：哦，等等，我想我明白了……这是您添加到html中的溢出样式，正文：

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

如果我摆脱了溢出-x:hidden，你的代码对我有用。我知道我以前遇到过一个问题，即不允许一个轴允许溢出，而另一个轴不允许（因此，如果设置overflow-x:hidden，它可能会在y滚动时做一些有趣的事情）

查看粘贴功能