需要做一个点击回到顶部功能,使用elmentui的<el-backtop></el-backtop>组件会出现各种问题,这里采用原生方式实现
代码如下:
html:
<div class="el-backtop" style="right: 40px; bottom: 150px;"
@click="handleToTop"><i class="el-icon-caret-top"></i></div>
js:
// 回到顶部方法
handleToTop() {
const scrollEle = document.querySelector('.app-main')/* // .app-main是盒子的最高父级 */
scrollEle.scrollTo({
top: 0,
behavior: 'smooth'
});
},
文章描述了在遇到ElementUI的<el-backtop>组件问题时,作者选择使用原生JavaScript实现点击回到页面顶部的功能,通过获取.app-main元素并调用scrollTo方法平滑滚动到顶部。
2164

被折叠的 条评论
为什么被折叠?



