& lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt; title> & lt;/title>
& lt;风格类型=" text/css "比;
.scrolldiv {
宽度:500 px;
身高:400 px;
保证金:10 px汽车;
背景:# f00;
overflow-y:滚动;
填充:10 px;
}
& lt;/style>
& lt;/head>
& lt; body>
& lt; div类=" scrolldiv " id=皌estDiv”比;
& lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br> & lt; br>
& lt;/div>
& lt;脚本type=" text/javascript祝辞
var divscroll=. getelementbyid (“testDiv”);
函数divScroll () {
var scrollTop=divscroll.scrollTop;//页面上卷的高度
var wholeHeight=divscroll.scrollHeight;//页面底部到顶部的距离
var divHeight=divscroll.clientHeight;//页面可视区域的高度
如果(scrollTop + divHeight>=wholeHeight) {
alert('我到底部了');
}
如果(scrollTop==0) {
alert('我到顶部了');
}
}
divscroll.onscroll=divScroll;
& lt;/script>
& lt;/body>
& lt;/html>
以上这篇实现div内部滚动条滚动到底部和顶部的代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
