将HTML / CSS滚动到顶部
实施此解决方案非常容易。你需要做的第一件事是<body>在您网站的HTML标记的下方添加一个空白超链接：
<a name="top"></a>
如果像我一样使用WordPress，则需要编辑主题。如果你要编辑主题，建议你创建一个子主题，以使更新主题时所做的更改不会被覆盖。在WordPress中，<body>通常在header.php文件中找到开始标记。在此处添加空白链接可确保将其自动添加到你的所有页面和帖子中。
页脚
完成此操作后，现在所需要做的就是打开footer.phpWordPress主题文件，并向其添加以下链接：
<a href="#top">Back To Top</a>
这将在页脚中添加一个链接，该链接引用页面顶部的空白链接。因此，当有人单击该链接时，他们将被带回到页面顶部。
平滑滚动
你无需执行其他任何操作。现在，你有一个不需要任何JavaScript的可滚动到顶部按钮的工作方式。但是，您=你可能会注意到，当您单击Back To Top链接时，页面会直接跳到顶部。
在这种情况下，当页面仅从一端跳到另一端时，这非常不好。更好的方法是实施smooth-scrolling。这将模拟用户滚动回到页面顶部，而不是直接跳转到页面顶部。
平滑滚动也非常易于实现，不需要任何JavaScript。打开CSS样式表并添加以下内容：
html {
scroll-behavior: smooth;}
注意：并非所有浏览器都支持scroll-behavior，但是对于支持这些功能的浏览器，则是更好的体验。
这种样式足以使滚动页面回到页面顶部，而不会产生跳跃感，有兴趣的朋友可以尝试一下。