iview:table 组件翻页滚动条置顶

2021-09-03  本文已影响0人  岚平果

一、效果一: table 点击翻页 滚动条回到顶部

 changePage(page) {
    // 翻页 滚动到顶部
      setTimeout(() => {
        //这里要延迟下滚动
        document.getElementsByClassName('ivu-table-body')[0].scroll(0, 0)
      }, 400)
      this.page = page
      this.getList()
}

效果二: 监听table 组件的滚动事件

  mounted() {
    document.getElementsByClassName('ivu-table-body')[0].addEventListener('scroll', (event) => {
      // console.log(event.target.scrollTop);
      console.log(event);
      this.tableScroll = event.target.scrollTop;
    
   });
  }
上一篇下一篇

猜你喜欢

热点阅读