el-table表格滚动

 // 日报滚动
    dailyRefScroll() {
      clearInterval(this.timeDailyRef)    //清除定时器
      const table = this.$refs.dailyRef  //获取DOM元素
      const divData = table.bodyWrapper  //获取表格中承载数据的div元素
      // divData.scrollTop = 0
      
      this.addDailyRefScroll(divData)
      
      //鼠标移入
      divData.onmouseover = () => {  
        clearInterval(this.timeDailyRef)
      }
	  //鼠标移出
      divData.onmouseout = () => {
        this.addDailyRefScroll(divData)
      }
    },

data中定义

timeDailyRef: null, //定时器id 滚动表格
ribaoScroll: false,是否滚动

addDailyRefScroll方法

addDailyRefScroll(divData) {
      let scrollTop = divData.scrollTop
      this.timeDailyRef = setInterval(() => {
        scrollTop = divData.scrollTop
        divData.scrollTop += 2
        if (scrollTop == divData.scrollTop) {
          if (this.ribaoScroll) {
            scrollTop = 0
            divData.scrollTop = 0
          } else {
            if (this.flag == 1) {
              this.currentPage++
              this.handleSearch()  //函数中需要清楚定时器
            }
          }
        }
      }, 100)
    },

清楚定时器

handleSearch(){
	// 清楚定时器
	clearInterval(this.timeDailyRef)
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值