js 检测滚动事件

最新推荐文章于 2022-06-24 13:54:05 发布

arthur031016

最新推荐文章于 2022-06-24 13:54:05 发布

阅读量367

点赞数

原文链接：http://www.cnblogs.com/damonLv/p/6638332.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标题</title>
</head>

<body>
    <header>
    </header>
    <section style="height: 1500px;background-color: #f0f0f0">
    </section>
    <footer>
    </footer>
</body>
</html>

1     window.onscroll = function () {
2 
3         var a = document.documentElement.scrollTop || document.body.scrollTop;//滚动条y轴上的距离
4         var b = document.documentElement.clientHeight || document.body.clientHeight;//可视区域的高度
5         var c = document.documentElement.scrollHeight || document.body.scrollHeight;//可视化的高度与溢出的距离（总高度）
6         if(a + b == c){
7             alert('已滚动到底部!')
8         }
9     }