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

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

width:100%;height:100%;

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

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

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

而且我们会发现

$(".wrap").scroll(function() {

    var scrollTop = $(window).scrollTop();

    console.log(scrollTop)

}

打印的全是0.

Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐