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

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

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 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 控制间距,保证两个按钮不会重叠。
✅ 按钮默认隐藏,滚动时才显示,增强用户体验。

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