JS如何判斷滾動條是否滾到底部

判斷滾動條到底部，需要用到dom的三個屬性值，即scrolltop、clientheight、scrollheight。

scrolltop為滾動條在y軸上的滾動距離。

clientheight為內容可視區域的高度。

scrollheight為內容可視區域的高度加上溢位（滾動）的距離。

從這個三個屬性的介紹就可以看出來，滾動條到底部的條件即為scrolltop + clientheight == scrollheight。

**如下（相容不同的瀏覽器）。

//滾動條在y軸上的滾動距離

function getscrolltop()

if(document.documentelement)

scrolltop = (bodyscrolltop - documentscrolltop > 0) ? bodyscrolltop : documentscrolltop;

return scrolltop;

}//文件的總高度

function getscrollheight()

if(document.documentelement)

scrollheight = (bodyscrollheight - documentscrollheight > 0) ? bodyscrollheight : documentscrollheight;

return scrollheight;

}//瀏覽器視口的高度

function getwindowheight()else

return windowheight;

}window.onscroll = function()

};如果用jquery來實現的話就更簡單了，

$(window).scroll(function()

});如果要判斷在某乙個元素中的滾動條是否到底部，根據類似的思想，將document.body換成特定的元素即可，獲取scrolltop和scrollheight的方式是一樣的，但是獲取元素可見高度需要用到offsetheight屬性，直接依葫蘆畫瓢即可。

JS如何判斷滾動條是否滾到底部

判斷滾動條到底部，需要用到dom的三個屬性值，即scrolltop clientheight scrollheight。clientheight 這個元素的高度，占用整個空間的高度，所以，如果乙個div有滾動條，那個這個高度則是不包括滾動條沒顯示出來的下面部分的內容。而只是單純的div的高度。scr...

jquery如何判斷滾動條是否到底部

jquery判斷滾動條是否到底部的方法 1 使用 scrolltop 方法，jquery檢測瀏覽器window滾動條到達底部 2 使用 scroll div 檢測動條到達底部事件。本教程操作環境 windows7系統 jquery3.2.1版本，該方法適用於所有品牌電腦。jquery判斷滾動條是否到...

jquery如何判斷滾動條是否到底部

jquery判斷滾動條是否到底部的方法 1 使用 scrolltop 方法，jquery檢測瀏覽器window滾動條到達底部 2 使用 scroll div 檢測動條到達底部事件。本教程操作環境 windows7系統 jquery3.2.1版本，該方法適用於所有品牌電腦。jquery判斷滾動條是否到...