Generic filters
页面
教程分类

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

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

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

滚动到顶部功能

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

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

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

开启Astra主题滚动顶部功能

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

打开主题自定义设置

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

点击自定义页面 - 总体

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

点击“滚动到顶部”菜单

显示设置

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

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

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

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

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

样式设置

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

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

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

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

滚动到顶部按钮展示

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

: ) 文章内容均为原创,转载须注明出处并添加原文链接,否则视为侵权
WordPress建站资源下载
WordPress 插件下载,合理使用插件丰富网站功能
外贸服务器推荐(Well在用的服务器)
vultr-logo
一线品牌VPS服务器,稳定、不贵、性能强
Clouvider-logo
二线品牌VPS服务器,稳定、便宜、性能强
文章标签
文章推荐
文章目录

建站遇到问题?

联系我们获得技术支持
相关文章

or

or