上下翻页按钮

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

// ==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);
})();