关于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滚动条事件的实例详解