如果优雅实现回顶
换做以前,我会使用html锚点、setInterval、scrollTop等方式实现。
但如今,在不需考虑兼容ie的情况下,我觉得这可能是最优雅的方案:
window.scrollTo({
top:0,
behavior: 'smooth'
})
以兼容性来说,支持chrome61 以上,至少94%以上的浏览器是支持的,当然如果要支持ie那两说。
同时这个api提供了平滑曲线过渡,在视觉上来说也看着很舒服。
除此之外,也可以使用动画库解决回顶,比如:anime.js、velocity.js等