回到顶部
页面滚动到一定距离后,右下角淡入一个「回到顶部」悬浮按钮,点击平滑回到页面顶部;支持滚动进度环、位置/尺寸/圆角/配色/图标/文字自定义,并可分别控制前台与后台是否显示。
查看更多
0 下载次数
14 查看数
2026-10-08 最后更新
¥5.00
¥9.90
一次购买永久使用,并赠送1个月技术支持
如何购买
1
登录您的BeikeShop商城后台
2
点击右上角“插件市场”
3
选择需要购买的插件
4
购买&安装
插件描述
回到顶部(Back to Top)
页面滚动到一定距离后,角落淡入一个悬浮按钮,点一下平滑回到页面顶部。
功能
- 滚动后出现:默认向下滚动 400px 后淡入,出现的阈值可调。
- 平滑回到顶部:动画时长可调(默认 450 毫秒);设为 0 或系统开启「减少动态效果」时直接到顶。
- 滚动进度环(可选):按钮外圈显示当前阅读进度,滚到页面底部正好闭合,默认开启。
- 前台与后台分别开关:前台注入主题页脚钩子,后台注入后台页脚钩子,两边互不影响。
- 外观全可调:左下 / 右下、水平与底部边距、尺寸、形状(圆形 / 圆角方形 / 直角方形)、底色、图标颜色与 4 种图标。
- 可选的「图标 + 文字」胶囊:开启后在图标旁显示自定义文字(最多 20 字)。
- 手机端可隐藏:屏幕宽度小于 768px 时不显示。
- 设置页实时预览:颜色、尺寸、圆角与文字的改动即时反映在预览按钮上。
使用
- 后台「插件 → 回到顶部 → 安装 → 启用」。
- 点「编辑」,在「基本设置」决定前台 / 后台是否显示、出现时机、动画时长与手机端隐藏。
- 在「外观样式」调图标、尺寸、形状、位置、边距与配色,右侧预览即时更新(图标与显示开关保存后生效)。
- 保存后到前台或后台任意长页面向下滚动,即可看到按钮。

