使用 @scroll="scrollBottom"事件滚动
使用方法
scrollBottom(e) {
// console.log('滚动条高度为:', e.target.scrollTop)
this.scrollTop = e.target.scrollTop
// console.log(e)
}
给添加滚动事件的盒子添加ref获取盒子ref="scrollRef"
然后监听或者点击数据的时候,数据变化 让盒子滚动到顶部
this.$refs.scrollRef.scrollTop = 0
如果想要平滑滚动,需要给添加事件盒子的css样式添加 scroll-behavior: smooth;
平滑滚动