1. base.js
    2. function onReachBottom(){
    3.     /* 获取滚动区域的高度 */
    4.     var dh = document.documentElement.scrollHeight;
    5.     var sh = Math.ceil(document.documentElement.scrollTop);
    6.     var ah = document.documentElement.clientHeight;
    7.     return sh+ah==dh?true:false;
    8. }
    11.      <style>
    12.         * {
    13.             margin: 0;
    14.             padding: 0
    15.         }
    17.         body {
    18.             height: 2000px;
    19.             background: red;
    20.         }
    22.         div {
    23.             height: 1000px;
    24.             background: green;
    25.         }
    26.     </style>
    27. </head>
    29. <body>
    30.     <div>
    32.     </div>
    33.     <script src="lib/base.js"></script>
    34.     <!-- 判断滚动条是否到达底部 -->
    35.     <script>
    36.         /* 获取滚动区域的高度 */
    37.         // var scrollHeight = document.documentElement.scrollHeight;
    38.         // console.log(scrollHeight)
    39.         // window.onscroll = function(){
    40.         //     var scrollTop = Math.ceil(document.documentElement.scrollTop);
    41.         //     var availHeight = document.documentElement.clientHeight;
    42.         //     if(scrollTop+availHeight == scrollHeight){
    43.         //         console.log("到达底部")
    44.         //     }
    46.         // }
    47.         window.onscroll = function(){
    48.             console.log(onReachBottom())
    49.         }
    50.     </script>

    test.gif