$(window).scroll(function() { }); window的滚动事件不触发以及offset().top数据乱的原因?
如果你的css中:html,body的高度样式如果设置为100%,那么$(window).scroll方法将检测不到正确的滚出高度(0),导致滚动监听事件失效。
$(window).scroll() 方法不能触发
这个是我在项目中遇到**,$(window).scroll()**当我在使用这个事件方法的时候竟然不能响应,很是郁闷,后来才发现是css样式影响到了,废话少说,直接上代码
这个是我在js中使用的
$(window).scroll(function (event) {
console.log(event);
})
修改之前的css样式(滚动事件不触发的错误写法):
body {
width: 100%;
overflow-y:scroll;
}
修改之后的css样式 只是比之前多加了一个html的样式 就可以响应了(滚动事件正常触发)
html {
width: 100%;
height:auto; // 主要是这个height:auto
overflow-x: hidden;
}
body {
width: 100%;
overflow-y:scroll;
}