普通元素绑定scroll滚动方法

普通元素添加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;

猜你喜欢

转载自blog.csdn.net/qq_38310712/article/details/86168135
今日推荐