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

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

สคริปต์ที่แนะนำของผู้เขียน

คุณอาจชื่นชอบ 视频跳过广告和 VIP 视频解析

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

功能

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

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