$(window).scroll()无法触发滚动条事件的问题

滚动条事件很常见。但有的时候竟会无法触发这个事件,真的让人有点捉急!

首先我们看,$(window).scroll(),是window的滚动,window代表的是当前窗口,但是如果我们把html和body设置了{

width:100%;

height:100%;

}

则无法$(window).scroll的滚动条事件。

解决办法是,把window换成你页面的其他元素,比如一个网页的wrap,即$(".wrap").scroll()。

现在就可以愉快的滚动了。。

而且我们会发现

$( ".wrap"). scroll( function() {
var scrollTop = $( window). scrollTop();
console. log( scrollTop)
}
打印的全是0.

猜你喜欢

转载自blog.csdn.net/illusion_melody/article/details/80665532
今日推荐