其實很簡單我們只要使用到clientheight、offsetheight、scrolltop這三個引數就可以判斷我們當前位置了，具體來給大家介紹乙個例子。
例子，判斷到底部：
$(window).scroll(function ()});
如果要實現拉到底部自動載入內容。只要註冊個滾動條事件：
首先，我們拉動滾動條，從最上面拉到最下面，變化的是scrolltop的值，而這個值是有乙個區間的。
這個區間是： [0, (offsetheight - clientheight)]
即，滾動條拉動的整個過程的變化在 0 到 (offsetheight – clientheight) 範圍之內。
1、判斷滾動條滾動到最底端： scrolltop == (offsetheight – clientheight)
2、在滾動條距離底端50px以內： (offsetheight – clientheight) – scrolltop <= 50
3、在滾動條距離底端5%以內： scrolltop / (offsetheight – clientheight) >= 0.95
scrollbottomtest =function()});}
js的判斷
判斷垂直滾動條是否到達底部
廓清了以上的概念，編碼其實就比較簡單了， 以下是示例**：
下拉滾動條滾到底部了嗎？ie 和 ff 下測試通過
內部div高度為750，外部div高度為500，所以垂直滾動條需要滾動750-500=250的距離，就會到達底部，參見語句nscrolltop + ndivhight >= nscrollhight。
程式中，在外部div的scroll（滾動）事件中偵測和執行if判斷語句，是非常消耗cpu資源的。用滑鼠拖拉滾動條，只要有乙個畫素的變動就會觸發該事件。但點選滾動條兩頭的箭頭，事件觸發的頻率會低得多。所以滾動條的scroll事件要謹慎使用。
本示例判斷的是沒有水平滾動條的情況，在有水平滾動條時，情況會有細小的變化，所以nscrolltop + ndivhight >= nscrollhight語句中，需要用「>=」比較運算子，而沒有水平滾動條的時候，等號「=」就足夠了。大家可以實際測試一下。還可以判斷水平滾動條是否滾動到頭了。
jquery如何判斷滾動條滾到頁面底部並執行事件
首先理解三個dom元素，分別是 clientheight offsetheight scrolltop。clientheight 這個元素的高度，占用整個空間的高度，所以，如果乙個div有滾動條，那個這個高度則是不包括滾動條沒顯示出來的下面部分的內容。而只是單純的div的高度。offsetheigh...
jquery如何判斷滾動條滾到頁面底部並執行事件
首先理解三個dom元素，分別是 clientheight offsetheight scrolltop。clientheight 這個元素的高度，占用整個空間的高度，所以，如果乙個div有滾動條，那個這個高度則是不包括滾動條沒顯示出來的下面部分的內容。而只是單純的div的高度。offsetheigh...
jquery如何判斷滾動條滾到頁面底部並執行事件
首先理解三個dom元素，分別是 clientheight offsetheight scrolltop。clientheight 這個元素的高度，占用整個空間的高度，所以，如果乙個div有滾動條，那個這個高度則是不包括滾動條沒顯示出來的下面部分的內容。而只是單純的div的高度。offsetheigh...