一个返回顶部和到达底部的按钮

在网页上添加一个按钮,可以快速返回顶部和到达底部,有滑动效果

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

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

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

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

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

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

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

作者
mofiter
今日安裝
0
安裝總數
7,736
評價
60 1 2
版本
0.3
建立日期
2018-07-24
更新日期
2018-08-24
尺寸
6.7 KB
授權條款
未知
腳本執行於
所有網站

Mac 电脑不需要安装此脚本,直接按下 command 键和箭头上键,可以返回顶部,按下 command 键和箭头下键,可以到达底部。

功能

给网页添加一个按钮,可以快速返回顶部和到达底部,有滑动效果,自然不突兀。网页打开后,按钮显示为向下,这时候点击按钮,网页会滚动到最下面,然后按钮自动变为向上,再次点击后,网页会滚动到最上面,然后按钮自动变为向下。在浏览网页的时候,按钮会根据当前网页的滚动方向自动改变向上或向下的状态。

注意

  • 当鼠标在按钮上悬停时,网页可以自动滚动,此功能默认是关闭的,如果想打开,只需要将代码中 canScrollMouseOver 的值改为 true,然后保存即可见效;
  • 由于有些网页上已经自带返回顶部的按钮(但很少有网站提供直达底部的功能),如果觉得功能重复,这时候可以像图 3 一样,在 UserScript 里面添加 // @exclude url 这样的代码(可以添加多行多个网站),排除掉不想执行脚本的网站;
  • 现在很多网站都使用 Ajax 请求数据,导致在网页向下滚动的时候网页高度一直发生变化,甚至有些网页的请求次数是没有限制的,这样就会导致点击按钮想到达底部时,网页会一直向下滚动,无法停止,所以添加了次数判断,如果请求次数超过一定值(默认是10,可修改),网页就会停止滚动,然后弹框提示,提醒你将当前网站加入排除网站中,方法如上一条所述;
  • 如果对按钮的大小、不透明度、显示在网页中的位置以及网页滚动所需时间等参数不太满意,可以根据使用体验修改图 4 所示的变量,注释写的很详细,应该都能看懂。

在使用中有任何问题请反馈,如需更多实用脚本,请访问我的主页查看,如果我的脚本对你有帮助,可以考虑赞赏我,这将激励我写出更多实用的脚本。祝大家使用愉快 ^_^

支付宝赞赏 微信赞赏