需要做一个点击回到顶部功能,使用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'
});
},