全局网页回到顶部Top/底部Down

便捷的全局回到顶部/底部按钮(Top and Down buttons everywhere)

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

作者
CAI5201314
日安装量
0
总安装量
16
评分
0 0 0
版本
3.1
创建于
2025-03-10
更新于
2025-03-10
大小
3.1 KB
许可证
MIT
适用于
所有网站

✅ 改用 requestAnimationFrame 进行平滑滚动,比 setTimeout 更流畅。
✅ 减少全局变量污染,用 IIFE(立即执行函数)封装代码。
✅ 改进样式,按钮更美观,采用 hover 效果提升交互体验。
✅ 优化事件监听,addEventListener 避免 window.onscroll 可能的冲突。
✅ 优化显示逻辑,默认隐藏按钮,只有滚动时才显示,提高用户体验。
✅ 减少不必要的计算,避免 getDocumentHeight(),直接使用 document.body.scrollHeight。
✅ 增加 transform: translateY(-50%),按钮可以随窗口高度变化始终保持居中。
✅ 使用 margin-top 控制间距,保证两个按钮不会重叠。
✅ 按钮默认隐藏,滚动时才显示,增强用户体验。

这个版本不仅提升了代码的可读性,还让滚动更丝滑,体验更好! 🚀