jquery怎么判断滚动条滚到页面底部并执行事件

理解这三个 DOM 属性的关键是理解:
1 . clientHeight:是div的纯高度,不显示滚动条时的高度。
2 . offsetHeight:这是div的完整高度,包括滚动条和所有内容。
3 .ScrollTop:这是滚动条的滚动距离。
当显示底部内容时该值最大。

例如,如果div高为4 00px,内容为1 000px,则最大scrollTop为6 00px。

判断滚动条是否在底部很简单:

如果scrollTop等于offsetHeight减去clientHeight,那么它就是底部。

如果scrollTop与offsetHeight减去clientHeight的距离不超过5 0像素,则基本完成。

如果scrollTop是整个可滚动长度的9 5 %,那几乎就结束了。

要实现内容自动加载,需要在div中添加滚动事件,如下所示:
javascript 滚动底部测试=函数(){ $("包含").scroll(function() { var $this = $(this), viewH = $this.height(), // 可见高度 contentH = $this.get(0).scrollHeight, // 内容高度 滚动顶部 = $this.scrollTop(); // 滚动高度
// if(contentH
viewH
scrollTop <= 1 00) { //当到达底部1 00像素时,加载新内容 if(scrollTop / (contentH
viewH) >= 0.9 5 ) { //在这里加载数据... } }); };
你自己看看,首先是这样的。

如何实现滚动到页面最底部时,实现分页,加载更多