實(shí)例如下所示：
<!DOCTYPE html><html><head> <title></title> <style type="text/css"> .scrolldiv{ width: 500px; height: 400px; margin: 10px auto; background: #f00; overflow-y: scroll; padding: 10px; } </style></head><body><div class="scrolldiv" id="testDiv"> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div><script type="text/javascript"> var divscroll=document.getElementById('testDiv'); function divScroll(){ var scrollTop=divscroll.scrollTop;//頁(yè)面上卷的高度 var wholeHeight=divscroll.scrollHeight;//頁(yè)面底部到頂部的距離 var divHeight=divscroll.clientHeight;//頁(yè)面可視區(qū)域的高度 if(scrollTop+divHeight>=wholeHeight){ alert('我到底部了'); } if(scrollTop==0){ alert('我到頂部了')； } } divscroll.onscroll=divScroll;</script></body></html>以上這篇實(shí)現(xiàn)div內(nèi)部滾動(dòng)條滾動(dòng)到底部和頂部的代碼就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持武林網(wǎng)。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
