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(和标记)的内容,所以我没有尝试进一步简化它。
最佳答案
您在这些位置有语法错误:(类名未用引号引起来。)
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()
--^ ---^
}
关于javascript - 为什么我的窗口滚动事件根本不触发。其他答案没解决,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29467021/