【elementUi-table表格】 滚动条 新增监听事件; 滚动条滑动到指定位置;

1、给滚动条增加监听

javascript 复制代码
        this.dom = this.$refs.tableRef.bodyWrapper
        this.dom.scrollTop = 0
        let _that = this
        this.dom.addEventListener('scroll', () => {
          //获取元素的滚动距离
          let scrollTop = _that.dom.scrollTop
          //获取元素可视区域的高度
          let clientHeight = this.dom.clientHeight
          //获取元素滚动条的高度
          let scrollHeight = this.dom.scrollHeight

          if (scrollTop + clientHeight == scrollHeight) {
            //不是获取全部数据,而是加载新的数据
          }
          console.log(`scrollTop:  ${scrollTop}`)
          console.log(`clientHeight:  ${clientHeight}`)
          console.log(`scrollHeight:  ${scrollHeight}`)
        })

2、滚动条滑动到指定为止

只需要给scrollTop 赋值就行了

javascript 复制代码
//滚动条滑动到指定位置
this.dom.scrollTop = this.dom.scrollHeight + 300
相关推荐
葡萄城技术团队4 小时前
1000 人协同压测的环境瓶颈排查:CPU 争用与 Wi\-Fi
前端
excel5 小时前
Marked 与 Markdown 有什么区别?该怎么选?
前端
Da Da 泓6 小时前
五子棋 Web 端测试用例报告
前端·网络·websocket·网络协议·测试用例·项目
zxcvb1537 小时前
远程查看本地文档:一条轻量 Web 文件服务的工程化链路
前端·远程查看文档
niucloud-admin7 小时前
NIUCLOUD PHP SAAS上门家政使用文档:城市管理
java·前端·php
程序员大阳7 小时前
副队长JavaScript教程(50)-DOM:网页开发的起点
javascript·dom·es·节点·概念·document·关系
北岛贰7 小时前
啵啵音乐迎来全新升级!
前端
hkNaruto9 小时前
【AI】基于大模型的AI游戏地图生成、控制方案:AI Native Game Harness 迁移操作手册
前端·人工智能·游戏
IT_陈寒9 小时前
Java序列化踩坑记:对象循环引用让我加班两小时
前端·人工智能·后端
Acro10 小时前
快给macOS 上的Grok Bot换一套皮肤
前端