滚动到顶部或底部按钮

在网页添加一个“回到顶部”的按钮，可以快速回到页面顶部。

目前为 2023-03-15 提交的版本。查看最新版本。

作者: Techwb
评分: 0 0 0
版本: 2.0
创建于: 2023-03-04
更新于: 2023-03-15
大小: 3.3 KB
许可证: MIT
适用于: 所有网站

2.0版：
使用滚动条的 scroll 事件，监控滚动条（用户）“向下”还是“向上”的意图（手动稍微将滚动条向上或向下移动），动态实现是否“滚回底部（蓝色）”还是“回到顶部（红色）”。

=============================

1.4版，添加“回到底部”功能，不过这是回到上一次滚动的位置。
“回到顶部”，则将背景颜色设为 red（红色），执行将页面滚动到顶部的逻辑，回到顶部后此时按钮文本变为“回到底部”，方便再次回到底部的操作；
“回到底部”，则将背景颜色设为 blue（蓝色），执行将页面滚动到上一次滚动的位置之后，按钮文本变成“回到顶部”，方便再次回到顶部的操作。
如图所示：

==============================
==============================

在网页添加一个“回到顶部”的按钮，可以快速回到页面顶部。
如图所示：

欢迎访问Greasy Fork镜像