Astra主题添加回到顶部按钮教程

我们在使用Astra这款主题做网站的时候怎么添加一个返回到顶部的按钮呢？想要添加回到顶部按钮对于Astra主题来说非常简单，只需要在自定义里面设置就可以了。

具体方法如下：

1、进入Astra主题选项里面，激活滚动到顶部的功能。

2、进入主题自定义界面，分别选择Global、Scroll To Top，然后设置显示的位置和颜色就可以了。

注意，这个功能需要使用Astra Pro才可以，如果你用的免费版，可以参考之前笔者发表的使用插件和代码添加to top按钮的方法。

回到顶部按钮的体验与设计

长篇技术干货或商城瀑布流页面通常篇幅较长，当访客滑动超过数屏时，提供一个轻量、平滑动画的“返回顶部”浮动按钮，能够极大提升页面浏览的从容感与易用性。

Astra 主题内置功能开启全步骤

1. 进入 WordPress 控制台 【外观】→【自定义】。
2. 展开左侧菜单 【全局】→【回到顶部】（Global → Scroll To Top）。
3. 勾选开启该功能，并配置视觉样式：
   • 展示位置：推荐选择“右下角”（Right）；
   • 移动端控制：可勾选是否在手机与平板端同时显示；
   • 图标与尺寸：可自定义箭头样式、圆角弧度与悬停强调色；
4. 点击顶部 【发布】，Astra 前端将自动加载轻量级 Vanilla JS 平滑滚动逻辑，无需额外依赖 jQuery 库。