我在“滚动到顶部”按钮上使用的是插件，但是现在我已将其替换为不使用任何JAVAScript的简单html/css解决方案。
实施此解决方案非常容易，你需要做的第一件事是在网站HTML的 <body> 标记下方添加一个空白超链接：
<a name="top"></a>
完成此操作后，现在所需要做的就是在网页上添加以下链接：
<a href="#top">Back To Top</a>
该链接引用页面顶部的空白链接，因此，当有人单击该链接时，他们将被带回到页面顶部。
就是这样，你无需执行其他任何操作。现在，你可以使用滚动到顶部的按钮，并且不需要任何JavaScript。但是，你可能会注意到，当你单击Back To Top链接时，页面将直接跳到顶部。
虽然这样做是可行的，但当页面从一端跳到另一端时，非常刺眼。一个更好的方法是实现平滑滚动。这将模拟用户滚动回到页面的顶部，而不是直接跳转到那里。
平滑滚动也非常易于实现，不需要任何JavaScript。打开CSS样式表并添加以下内容：
html {
scroll-behavior: smooth;
}
注意：并非所有浏览器都支持 scroll-behavior，但是对于那些支持的浏览器而言，这是一种更好的体验。
京公网安备 11010802035086号