普通元素绑定scroll滚动方法
作者:
龙旗飘扬的舰队 | 来源:发表于
2019-01-09 18:12 被阅读5次普通元素添加scroll的问题，以原生js为例
- scroll方法要加在外层视窗元素上，即那个限制了滚动区域的元素上
- 不要加在里层的用来滚动的元素上，那样不会生效！
- 普通div，table，都可以使用scroll。当然，window的scroll方法是最常用的
// 给layui的table增加下拉到底部的判断
document.getElementsByClassName("layui-table-body")[0].onscroll = function(){
var scrollTop = this.scrollTop,//页面上卷的高度
wholeHeight = this.scrollHeight,//页面底部到顶部的距离
divHeight = this.clientHeight;//页面可视区域的高度
// 到底部
if(scrollTop + divHeight >= wholeHeight){
// do
}
//到顶部
if(scrollTop==0){
// do
}
}
// 设置滚动元素的y轴位置
document.getElementsByClassName("layui-table-body")[0].scrollTop = 600;
本文标题：普通元素绑定scroll滚动方法
本文链接：https://www.haomeiwen.com/subject/nyggrqtx.html
网友评论