關於div內部滾動條滾動到底部和頂部功能的實現,本文就為大家分享一篇實現p內部滾動條滾動到底部和頂部的代碼,代碼簡潔,具有很好的參考價值,希望能幫助到大家。 實例如下圖所示: # .scrollp{ width: 500px; height: 400px; margin: 10px auto; background: #f00; overflow-y: scroll; padding: 10px; } var pscroll=document.getElementById('testp'); function pScroll(){ var scrollTop=pscroll.scrollTop;//页面上卷的高度 var wholeHeight=pscroll.scrollHeight;//页面底部到顶部的距离 var pHeight=pscroll.clientHeight;//页面可视区域的高度 if(scrollTop+pHeight>=wholeHeight){ alert('我到底部了'); } if(scrollTop==0){ alert('我到顶部了'); } } pscroll.onscroll=pScroll; 登入後複製大家學會了嗎?思路都是一樣的趕快動手嘗試。 相關推薦: 基於滾動條位置判斷的簡單實例_javascript技巧 設定DIV滾動條屬性與樣式的方式介紹 javaScript捲軸事件的實例詳解#