回到顶部

首先提到回到顶部我们就想到的是a标签锚点跳转

<a href="#top" target="_self">返回顶部</a>

a标签返回顶部的话会产生改变路由的问题
每次用户点击返回顶部的话是可以返回顶部
但是此时已经改变了路由
当我们刷新页面以后会发现页面变成空白了
因为没有此页面了
所以我们要使用操作DOM的方法

document.body.scrollTop = document.documentElement.scrollTop = 0;

这种属于原声的方法,不需要引用任何东西 写在点击事件里面即可

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容