如何避免在JS实现滚动到顶部时遇到常见坑？

本文共计576个文字，预计阅读时间需要3分钟。

正文字段：通常在比较长的页面中，会有一个滚动到顶部的按钮，用户点击一下，300ms内会滚动到顶部，有动画效果。

代码片段：$(document.documentElement).animate({scrollTop: 0}, 300);

正文

一般在比较长的页面中会有一个滚动到顶部的按钮，用户点击一下 300ms 内，会滚动到顶部，有动画效果。

一开始我想，这不是很简单，一行代码完美解决

$(document.documentElement).animate({scrollTop: 0}, 300);

使用这个可以到顶部，但是没有动画，没有采用

$(document.documentElement).scrollTop(0)

等到了手机上才发现，点击居然没有反应，才发现原来是我想的太简单，一个滚动到顶部的按钮竟然有这么多兼容问题。