/**
* [滚动条]
*/
$(window).scroll(function() {
var scrollTop = $(this).scrollTop(); // 滚动条距离顶部的高度
console.log("滚动条距离顶部的高度-->" + scrollTop);
var scrollHeight = $(document).height(); // 当前页面的总高度
console.log("当前页面的总高度-->" + scrollHeight);
var clientHeight = $(this).height(); // 当前可视的页面高度
console.log("当前可视的页面高度-->" + clientHeight);
if (scrollTop + clientHeight >= scrollHeight) { // 距离顶部高度+可视高度 >= 文档总高度 即代表滑动到底部
// code...
alert('已经到底了!');
} else if (scrollTop <= 0) {
// code...
alert('已经到顶了!');
}
});
继续阅读与本文标签相同的文章
-
零基础Python教程033期 循环中的else语句,感叹人生苦短,我学python
2026-05-18栏目: 教程
-
Python高级进阶#015 pyqt5进度条QProgressBar结合使用qbasictimer
2026-05-18栏目: 教程
-
Cassandra编年史
2026-05-18栏目: 教程
-
网站建设——部署与发布入门篇(基于阿里云服务器)
2026-05-18栏目: 教程
-
K8S从懵圈到熟练 - 节点下线姊妹篇
2026-05-18栏目: 教程
