Generic filters
Exact matches only
Search in title
Search in content
Search in excerpt

页面

教程分类

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

Generic filters
Exact matches only
Search in title
Search in content
Search in excerpt
开启Astra主题滚动顶部功能,点击跳回页面顶部
开启Astra主题滚动顶部功能后,该按钮会在页面向下滚动时显示,点击可以一键跳转到页面的顶部,提高长篇页面的用户体验。
文章目录

本篇文章共 644 字,预计阅读时间 3 分钟

滚动到顶部功能

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

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

本篇文章介绍Astra主题的滚动到顶部功能,其他主题可以参考使用Elementor制作滚动到顶部功能

开启Astra主题滚动顶部功能

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

打开主题自定义设置

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

点击自定义页面 - 总体

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

点击“滚动到顶部”菜单

显示设置

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

设置滚动到顶部功能的显示

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

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

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

样式设置

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

设置滚动到顶部功能的样式

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

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

滚动到顶部按钮展示

以上就是滚动到页面顶部功能的全部内容。点击查看更多Astra教程

: ) 文章内容均为原创,转载须注明出处并添加原文链接,否则视为侵权
Well企业微信
专业网站搭建,扫码直接咨询
外贸服务器推荐(Well在用的服务器)
vultr-logo
一线品牌VPS服务器,稳定、不贵、性能强
Clouvider-logo
二线品牌VPS服务器,稳定、便宜、性能强
文章标签
文章推荐
文章目录

建站遇到问题?

联系我们获得:免费技术咨询 / 付费技术支持
联系我们获得免费技术咨询 、 付费技术支持
相关文章
没有账号? 忘记密码?