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

 时间:2026-04-23 19:57:04

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》全任务图文攻略第一章
  • 热门搜索
    沙县旅游 西安旅游 无线打印机怎么连接 怎么结扎 开封旅游景点大全简介 电脑酷狗怎么k歌 煤气灶不打火怎么办 月牙泉景区 韶关丹霞山旅游攻略 怎样可以快速减肥