为什么我的窗口滚动事件根本不会启动。其他答案没有解决

时间:2015-04-06 07:16:54

标签: javascript jquery html css

Complete SSCCE on JSFiddle here!

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

但是JQuery事件似乎根本没有发生。

scrollTop()

我尝试了什么:

从我的SO search,我收集到我们绑定事件的事情不得设置为不显示 overflow 。我的背景图片幻灯片显示为$(window).bind('scroll', function() { ... }); 。所以我也尝试了position:fixed;$("div.firstPage").bind(...,但无济于事。

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

1 个答案:

答案 0 :(得分:2)

您在这些位置有语法错误:(类名不包含在引号中。)

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()
        --^                       ---^
    }