如何优雅回顶

82 阅读1分钟

如果优雅实现回顶

换做以前,我会使用html锚点、setInterval、scrollTop等方式实现。

但如今,在不需考虑兼容ie的情况下,我觉得这可能是最优雅的方案:

window.scrollTo({  
    top:0,  
    behavior: 'smooth'  
})

以兼容性来说,支持chrome61 以上,至少94%以上的浏览器是支持的,当然如果要支持ie那两说。

同时这个api提供了平滑曲线过渡,在视觉上来说也看着很舒服。

除此之外,也可以使用动画库解决回顶,比如:anime.jsvelocity.js