javascript - 为什么我的窗口滚动事件根本不触发。其他答案没解决

Question

Complete SSCCE on JSFiddle here!

我正在尝试启动 JQuery 事件以将 class 添加到 div，并添加一些内联样式 (即 top 位置偏移的值) 当用户向下滚动页面到 scrollTop() 的某个值时 (即当数字向下滚动的像素数(即 scrollTop())变得大于视口(viewport)高度)

但是 JQuery 事件似乎根本没有启动。

$(window).bind('scroll', function() {
    ...
}); 

我尝试了什么:

来 self 的 SO search , 我收集到我们绑定(bind)事件的东西一定不能设置为不显示溢出。我的背景图片幻灯片是 position:fixed;。所以我也尝试了 $("div.firstPage").bind(... 和 $("div.header-menu-container-nav").bind(... 但无济于事。

注意:我知道 JSFiddle 中的示例可能看起来有点复杂。但这就是显示完整 CSS(和标记)的内容，所以我没有尝试进一步简化它。

Answer 1

您在这些位置有语法错误:(类名未用引号引起来。)

if (currentPosition >= vph) {
        alert("Condition met!"); //check

        $('.header-menu-container-nav').addClass('sticky');
        --^                       ---^
        $('.header-menu-container-nav').css('top',(deltaMenuPosition)+'px');
        --^                       ---^
        $('.header-menu-container-nav').fadeIn()
        --^                       ---^
    }