☰

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

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

目前為 2025-03-10 提交的版本，檢視 最新版本。

作者
CAI5201314
評價
0 0 0
版本
2.8
建立日期
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 控制间距，保证两个按钮不会重叠。
✅ 按钮默认隐藏，滚动时才显示，增强用户体验。

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