【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
相关推荐
zzzzzz3108 分钟前
36K stars 的“酷炫组件”,到底该怎么用才不显得用力过猛?
前端·react.js·动效
2401_894915533 小时前
GEO 优化源码全解析:从搜索引擎到 AI 引擎的底层改写逻辑
java·服务器·前端·数据库·人工智能·分布式·搜索引擎
rockey6277 小时前
C#脚本引擎之AScript与Jurassic、Jint对比
javascript·c#·.net·js·script·动态脚本
Profile排查笔记8 小时前
指纹浏览器哪个好?从 Profile、代理、权限和自动化能力判断是否适合
前端·人工智能·后端·自动化
lzhdim9 小时前
12、JavaScript常见的内存泄露问题 - JavaScript学习系列文章
开发语言·前端·javascript·学习·ecmascript
denggun123459 小时前
yield
前端·数据库·python
前端snow9 小时前
ai agent -- prompt汇总
前端
muddjsv11 小时前
前端性能优化实战:从加载到渲染的全面提速指南
前端·性能优化
deli00700711 小时前
JSON 树形查看器:粘贴即解析,折叠展开一目了然
前端·数据库·json·ai编程
guanguan0_011 小时前
PageProxy:页面维度接口地图 + 一键场景切换
前端·ai编程·请求代理·proxy工具