概述
效果一: table 点击翻页 滚动条回到顶部
changePage(page) {
// 翻页 滚动到顶部
setTimeout(() => {
//这里要延迟下滚动
document.getElementsByClassName('ivu-table-body')[0].scroll(0, 0)
}, 400)
this.page = page
this.maSearch()
}
效果二: 监听table 组件的滚动事件
mounted() {
document
.getElementsByClassName('ivu-table-body')[0]
.addEventListener('scroll', (event) => {
console.log(event.target.scrollTop)
console.log(event)
console.log(this.tableScroll)
})
}
https://www.jianshu.com/p/dd1007becd74
此处借鉴了上文作者的 方法 感谢!
最后
以上就是激动火为你收集整理的iview table 组件翻页滚动条置顶的全部内容，希望文章能够帮你解决iview table 组件翻页滚动条置顶所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复