您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
Add buttons to scroll to top and bottom of page in the bottom right corner of the screen
- // ==UserScript==
- // @name (改)Scroll To Top/Bottom Button
- // @namespace http://tampermonkey.net/
- // @version 1.3
- // @description Add buttons to scroll to top and bottom of page in the bottom right corner of the screen
- // @match *://*/*
- // @grant GM_addStyle
- // @license MIT
- // 修改自 https://gf.qytechs.cn/zh-CN/scripts/461812-scroll-to-top-bottom-button
- // ==/UserScript==
- (function() {
- 'use strict';
- if (window.self === window.top && !window.frameElement) {
- var styles = `
- .scroll-to-btn {
- position: fixed;
- right: 20px;
- font-size: 50px;
- border: none;
- color: white;
- border-radius: 10%;
- cursor: pointer;
- z-index: 9999;
- background-color: transparent;
- filter: grayscale(90%);
- }
- .scroll-to-btn.top {
- bottom: calc(50% + 30px); /* Center vertically */
- }
- .scroll-to-btn.bottom {
- bottom: calc(50% - 30px); /* Center vertically */
- }
- `;
- GM_addStyle(styles);
- var scrollToTopBtn = document.createElement("button");
- scrollToTopBtn.innerText = "🔼";
- scrollToTopBtn.classList.add("scroll-to-btn", "top");
- scrollToTopBtn.addEventListener("click", function() {
- window.scrollTo({top: 0, behavior: 'auto'});
- });
- var scrollToBottomBtn = document.createElement("button");
- scrollToBottomBtn.innerText = "🔽";
- scrollToBottomBtn.classList.add("scroll-to-btn", "bottom");
- scrollToBottomBtn.addEventListener("click", function() {
- window.scrollTo({top: document.body.scrollHeight, behavior: 'smooth',timingFunction: 'cubic-bezier(0,.84,.49,.99)'});
- });
- document.body.appendChild(scrollToTopBtn);
- document.body.appendChild(scrollToBottomBtn);
- }
- })();
QingJ © 2025
镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址