普通元素绑定scroll滚动方法
2019-01-09 本文已影响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;