☰

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

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

ผู้เขียน
CAI5201314
จำนวนติดตั้งประจำวัน
0
จำนวนติดตั้งทั้งหมด
3
คะแนน
0 0 0
เวอร์ชัน
3.1
สร้างเมื่อ
10-03-2025
อัปเดตเมื่อ
10-03-2025
Size
3.11 กิโลไบต์
สัญญาอนุญาต
MIT
ปรับใช้กับ
ไซต์ทั้งหมด

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

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