美文网首页
普通元素绑定scroll滚动方法

普通元素绑定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