为什么不'我的窗口滚动事件根本没有启动.其他答案没有解决问题

Why doesn't my window scroll event fire up at all. Other answers did not solve

本文关键字：启动 其他 解决问题 答案 事件 我的 滚动 窗口 为什么不      更新时间：2023-09-26

在JSFiddle上完成SSCCE

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

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

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

我尝试了什么：

从我的SO搜索中，我发现我们绑定事件的对象不能设置为不显示溢出。我的背景图片幻灯片是position:fixed;。所以我也试过$("div.firstPage").bind(...和$("div.header-menu-container-nav").bind(...，但都没有用。

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

您在以下位置有语法错误：（类名没有用引号括起来。）

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()
        --^                       ---^
    }
相关文章：