js判断滚动条是否到底部

最新推荐文章于 2024-05-24 15:45:37 发布

强哥blog

最新推荐文章于 2024-05-24 15:45:37 发布

阅读量508

点赞数

分类专栏： JavaScript 文章标签：滚动条

本文链接：https://blog.csdn.net/qq_36263601/article/details/78365512

版权

JavaScript 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <title></title>
        <script src=""></script>
        <style type="text/css">
            * {
                padding: 0px;
                margin: 0px;
            }
            #main {
                width: 100%;
                height: 2000px;
                background: pink;
            }
        </style>
        <script type="text/javascript">
            $(window).scroll(function() {　　
                var scrollTop = $(this).scrollTop();　　
                var docHeight = $(document).height();　　
                var windowHeight = $(this).height();
                var scrollHeight=document.body.scrollHeight;
                console.log("scrollTop:"+scrollTop);
                console.log("scrollbottom:"+(docHeight-scrollTop-windowHeight));
                if(scrollTop + windowHeight == docHeight) {　　　　
                    alert("已经到最底部了！");　　
                }
            });
        </script>
    </head>

    <body>
        <div id="main"></div>
    </body>

</html>