vue中滚动条回到顶部的方法
【代码】vue中滚动条回到顶部的方法。
·
1.常规使用方法
<div ref="scrollRef">
// 滚动区域
</div>
// 回到顶部
this.$refs.scrollRef.scrollTop= 0;
2.使用el-scrollbar
使用这个的时候可能横向也有滚动条
// 取消横向滚动条
/deep/.el-scrollbar__wrap {
overflow-x: hidden;
}
<el-scrollbar class="mian-content" ref="scrollBarRef">
// 滚动区域
</el-scrollbar>
// 回到顶部
this.$refs.scrollBarRef.wrap.scrollTop= 0;
3.表格回到顶部
(常用逻辑:翻页后可以回到顶部)
<el-table ref="tableRef" stripe :data="tableData">
// 滚动区域
</el-table>
// 回到顶部
this.$refs.tableRef.bodyWrapper.scrollTop =0;
更多推荐
已为社区贡献1条内容
所有评论(0)