js如何判断滚动条是否到底部

 时间:2026-02-12 12:14:06

1、代码如下:

<!DOCTYPE html><html>

<head>

    <meta charset="UTF-8">

    <title>Test_Scroll_Bar_js</title>

    <meta name="viewport" content="width=device-width, user-scalable=no">

</head>

<body>

    <div id="part1" style="height:1000px;overflow: auto;background: lightyellow;"></div>

    <div id="part2" style="height:1000px;overflow: auto;background:lightgreen;"></div>

    <script>

        var d = document.getElementById("part1").offsetHeight;

        console.info(d);

        window.addEventListener("scroll", function(event) {

            var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;

            console.log(scrollTop);    

            if(document.documentElement.scrollHeight == document.documentElement.clientHeight + scrollTop ) {

                alert("Touch_Buttom!");

            }        

        });

    </script>

</body>

</html>

js如何判断滚动条是否到底部

2、滚动鼠标轮,向下浏览。

js如何判断滚动条是否到底部

3、到达末端弹出窗口说明已经到达底部。

js如何判断滚动条是否到底部

  • 装修延期怎么赔付
  • 给宝宝添加辅食有哪些重要性
  • 球形锁使用要注意什么?
  • 怎样应急处理阴道出血
  • 《龙腾世纪2》全任务图文攻略第一章
  • 热门搜索
    生活常识 人体旗帜怎么练 和护士后妈生活的日子 hr是什么意思 强基计划是什么意思 莲花汽车怎么样 地震时如何逃生 如何访问国外网站 dpi是什么意思 rua是什么意思