🏠 Home 

上下翻页按钮

添加浮动按钮以进行上下翻页。

// ==UserScript==
// @name         上下翻页按钮
// @version      1.2
// @description  添加浮动按钮以进行上下翻页。
// @author       ChatGPT
// @match        *://*/*
// @run-at       document-end
// @grant        none
// @namespace https://greasyfork.org/users/452911
// ==/UserScript==
(function() {
'use strict';
// 创建上翻按钮
const upButton = document.createElement('div');
upButton.innerText = '△';
upButton.style.position = 'fixed';
upButton.style.right = '10px';
upButton.style.top = '40%'; // 调整位置,缩短间隔
upButton.style.width = '40px';
upButton.style.height = '40px';
upButton.style.backgroundColor = 'rgba(255, 255, 255, 0.5)'; // 半透明背景
upButton.style.borderRadius = '5px';
upButton.style.textAlign = 'center';
upButton.style.lineHeight = '40px';
upButton.style.cursor = 'pointer';
upButton.style.zIndex = '9999';
upButton.style.color = 'rgba(0, 0, 0, 0.5)'; // 半透明字体颜色
// 创建下翻按钮
const downButton = document.createElement('div');
downButton.innerText = '▽';
downButton.style.position = 'fixed';
downButton.style.right = '10px';
downButton.style.top = '55%'; // 调整位置,缩短间隔
downButton.style.width = '40px';
downButton.style.height = '40px';
downButton.style.backgroundColor = 'rgba(255, 255, 255, 0.5)'; // 半透明背景
downButton.style.borderRadius = '5px';
downButton.style.textAlign = 'center';
downButton.style.lineHeight = '40px';
downButton.style.cursor = 'pointer';
downButton.style.zIndex = '9999';
downButton.style.color = 'rgba(0, 0, 0, 0.5)'; // 半透明字体颜色
// 添加事件监听器
upButton.addEventListener('click', () => {
window.scrollBy(0, -window.innerHeight * 0.8); // 向上滚动80%
});
downButton.addEventListener('click', () => {
window.scrollBy(0, window.innerHeight * 0.8); // 向下滚动80%
});
// 将按钮添加到文档中
document.body.appendChild(upButton);
document.body.appendChild(downButton);
})();