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)
}

猜你喜欢

转载自blog.csdn.net/qq_40576178/article/details/123223362