判斷滾動條是否滑動到底部

最近要給自己的專案加上一個滑動到底部進行載入的功能。

無論是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請求服務端了。