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

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

المؤلف
mofiter
التثبيت اليومي
1
إجمالي التثبيت
7,659
التقييمات
60 1 2
الإصدار
0.3
تم إنشاؤه
24-07-2018
تم تحديثه
24-08-2018
الترخيص
لا يوجد
ينطبق على
جميع المواقع

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

功能

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

注意

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

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

支付宝赞赏 微信赞赏