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(和标记)的原因,所以我没有尝试进一步简化它。
答案 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()
--^ ---^
}