判断滚动条是否滑动到底部

最近要给自己的项目加上一个滑动到底部进行加载的功能。

无论是Google还是百度都找到了很多教程，不外乎三个值：滚动条滚动距离+屏幕高度==文档高度。

 

可他妈的抽了风似的我的值取出来老是不对，

滚动条不管滚动到哪里取出来的永远是0，页面里不管装多少东西文档高度取出来的值永远都等于屏幕高度。

为了解决这个问题，我不断的去试方法，甚至抛弃了正规的取值而去取div的高度，想尽一切办法往我想要的效果上努力。

 

在经过一个前端高手的指点后，终于找到了问题所在：  dom结构太乱。

 

因为我每个页面都要引入一个header页面和一个footer页面  导致出现多个body多个html   而且css js到处穿插  查看元素body高度竟然是0

遇到问题就想尽一切办法去解决问题，却从不怀疑是否问题出在自身，这个教训必须记下来。

 

解开了结，做法倒是简单了

 

    $(document).ready(function(){
            $(window).scroll(function(){
                if ((($(window).scrollTop() + $(window).height()) ) == $(document).height()){
                    alert("到底了");
                }
            });
    });

文档加载完成后，绑定滚动条事件，滑动到底部后，就可以用ajax请求服务端了。

 

转载于:https://www.cnblogs.com/fengyumeng/p/7156619.html