$(window).scroll(function() { })； window的滚动事件不触发以及offset().top数据乱的原因？

$(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;
}