Skip to main content

开启Astra主题滚动顶部功能,点击跳回页面顶部

Last updated: Oct 15 2025

开启Astra主题滚动顶部功能,点击跳回页面顶部

开启Astra主题滚动顶部功能后,该按钮会在页面向下滚动时显示,点击可以一键跳转到页面的顶部,提高长篇页面的用户体验。

滚动到顶部功能

滚动到页面顶部功能的主要作用是在用户滑动到页面底部后,一键即可瞬间返回顶部,方便重新查看导航栏、菜单或页面开头的内容。

特别在长页面或移动端浏览网站的时候,反复手动滑动上去很累,一键滚动到顶部可以提升用户体验。

开启Astra主题滚动顶部功能

在WordPress后台,点击"外观" – "自定义" ↓

img1015-oCst.webp

再在自定义界面里点击进入"总体"菜单 ↓

img1015-gyeb.webp

"总体"菜单中找到"滚动到顶部"菜单,点击进入 ↓

img1015-PyFU.webp

显示设置

首先要开启"启用滚动到顶部"右侧的按钮,就可以激活该功能 ↓

img1015-bMKj.webp

下方还可以设置在哪些设备上显示滚动到顶部按钮,分别是:桌面端、移动端、桌面端+移动端。

在"位置"设置中可以控制按钮显示在页面的"左侧"还是"右侧"。

最下方图标大小控制按钮里图标的尺寸。

样式设置

点击菜单上方的"DESIGN"进入按钮样式设置界面 ↓

img1015-EMsT.webp

样式设置说明
  • 图标颜色:有两个色块设置,分别控制图标正常情况下的颜色和鼠标悬停时候的颜色
  • 背景颜色:有两个色块设置,分别控制按钮正常情况下的颜色和鼠标悬停时候的颜色
  • 边框圆角:控制按钮四个角的圆润度

下图就是滚动到顶部按钮:

img1015-uNuV.webp