Greasy Fork is available in English.
自动滚动页面，并可自定义滚动速度，优化界面和交互体验，支持拖动控制面板。
当前为
// ==UserScript==
// @name 极速滚动页面神器
// @namespace https://www.suyin66.com/
// @version 0.6
// @description 自动滚动页面，并可自定义滚动速度，优化界面和交互体验，支持拖动控制面板。
// @author Suyin
// @match *://*/*
// @icon https://cdn.suyin66.com/wp-content/uploads/2023/06/1685971902-20230605133142562756.jpg
// @grant none
// ==/UserScript==
(function () {
'use strict';
let scrollInterval;
let scrollSpeed = 50;
let isDragging = false;
let offsetX, offsetY;
function createControlPanel() {
const panel = document.createElement('div');
panel.style.position = 'fixed';
panel.style.top = '50px';
panel.style.left = '10px';
panel.style.padding = '10px';
panel.style.background = 'rgba(0,0,0,0.8)';
panel.style.color = '#fff';
panel.style.borderRadius = '5px';
panel.style.zIndex = '9999';
panel.style.fontFamily = 'Arial, sans-serif';
panel.style.display = 'flex';
panel.style.flexDirection = 'column';
panel.style.gap = '5px';
panel.style.cursor = 'move';
panel.setAttribute('id', 'scrollControlPanel');
const label = document.createElement('label');
label.textContent = '滚动速度 (px/s):';
panel.appendChild(label);
const speedInput = document.createElement('input');
speedInput.type = 'number';
speedInput.value = scrollSpeed;
speedInput.style.width = '100px';
speedInput.style.padding = '5px';
speedInput.style.borderRadius = '3px';
speedInput.style.border = '1px solid #ccc';
speedInput.style.textAlign = 'center';
speedInput.style.color = '#000';
speedInput.style.background = '#fff';
speedInput.addEventListener('change', () => {
scrollSpeed = parseInt(speedInput.value) || 50;
});
panel.appendChild(speedInput);
const startButton = document.createElement('button');
startButton.textContent = '开始滚动';
startButton.style.padding = '5px';
startButton.style.border = 'none';
startButton.style.borderRadius = '3px';
startButton.style.cursor = 'pointer';
startButton.style.background = '#4CAF50';
startButton.style.color = '#fff';
startButton.addEventListener('click', startScrolling);
panel.appendChild(startButton);
const stopButton = document.createElement('button');
stopButton.textContent = '停止滚动';
stopButton.style.padding = '5px';
stopButton.style.border = 'none';
stopButton.style.borderRadius = '3px';
stopButton.style.cursor = 'pointer';
stopButton.style.background = '#f44336';
stopButton.style.color = '#fff';
stopButton.style.display = 'none';
stopButton.addEventListener('click', stopScrolling);
panel.appendChild(stopButton);
document.body.appendChild(panel);
addDragFunctionality(panel);
}
function startScrolling() {
if (scrollInterval) return;
const scrollBar = document.documentElement;
const scrollStep = scrollSpeed / 60;
scrollInterval = setInterval(() => {
if (scrollBar.scrollTop + window.innerHeight < scrollBar.scrollHeight) {
scrollBar.scrollTop += scrollStep;
} else {
stopScrolling();
}
}, 1000 / 60);
document.querySelector('#scrollControlPanel button:nth-child(3)').style.display = 'none';
document.querySelector('#scrollControlPanel button:nth-child(4)').style.display = 'block';
}
function stopScrolling() {
clearInterval(scrollInterval);
scrollInterval = null;
document.querySelector('#scrollControlPanel button:nth-child(3)').style.display = 'block';
document.querySelector('#scrollControlPanel button:nth-child(4)').style.display = 'none';
}
function addDragFunctionality(panel) {
panel.addEventListener('mousedown', function (event) {
isDragging = true;
offsetX = event.clientX - panel.offsetLeft;
offsetY = event.clientY - panel.offsetTop;
});
document.addEventListener('mousemove', function (event) {
if (isDragging) {
panel.style.left = event.clientX - offsetX + 'px';
panel.style.top = event.clientY - offsetY + 'px';
}
});
document.addEventListener('mouseup', function () {
isDragging = false;
});
}
document.addEventListener('keydown', (event) => {
if (event.altKey && event.key === 'z') {
startScrolling();
} else if (event.altKey && event.key === 'x') {
stopScrolling();
}
});
window.addEventListener('load', createControlPanel);
})();