文章目录
[+]
将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，但是对付支持这些功能的浏览器，则是更好的体验。
这种样式足以使滚动页面回到页面顶部，而不会产生跳跃感，有兴趣的朋友可以考试测验一下。
