☰

页面自动滚动

通过使用快捷键实现页面自动滚动

  1.  
  2.     // ==UserScript==
  3.     // @name         页面自动滚动
  4.     // @namespace    eyes
  5.     // @version      1.6.0
  6.     // @description  通过使用快捷键实现页面自动滚动
  7.     // @author       eyes
  8.     // @match        *://*/*
  9.     // @grant        none
  10.     // @supportURL   https://eyesblog.gitee.io/
  11.     // ==/UserScript==
  12.  
  13.     (function() {
  14.         'use strict';
  15.             let speed = 0;
  16.             let speed_num = 1.5;  // 修改这个调整滚动速度
  17.             
  18.             let getScrollTop = () => {
  19.                 var scrollTop = 0,
  20.                     bodyScrollTop = 0,
  21.                     documentScrollTop = 0;
  22.                 if (document.body) {
  23.                     bodyScrollTop = document.body.scrollTop;
  24.                 }
  25.                 if (document.documentElement) {
  26.                     documentScrollTop = document.documentElement.scrollTop;
  27.                 }
  28.                 scrollTop = (bodyScrollTop - documentScrollTop > 0) ? bodyScrollTop : documentScrollTop;
  29.                 return scrollTop;
  30.             }
  31.     
  32.             let getWindowHeight = () => {
  33.                 var windowHeight = 0;
  34.                 if (document.compatMode == 'CSS1Compat') {
  35.                     windowHeight = document.documentElement.clientHeight;
  36.                 } else {
  37.                     windowHeight = document.body.clientHeight;
  38.                 }
  39.                 return windowHeight;
  40.             }
  41.            
  42.             let getScrollHeight = () => {
  43.                 var scrollHeight = 0,
  44.                     bodyScrollHeight = 0,
  45.                     documentScrollHeight = 0;
  46.                 if (document.body) {
  47.                     bodyScrollHeight = document.body.scrollHeight;
  48.                 }
  49.                 if (document.documentElement) {
  50.                     documentScrollHeight = document.documentElement.scrollHeight;
  51.                 }
  52.                 scrollHeight = (bodyScrollHeight - documentScrollHeight > 0) ? bodyScrollHeight : documentScrollHeight;
  53.                 return scrollHeight;
  54.             }
  55.            
  56.             setInterval(() => {
  57.                 let bottomFlag = (getScrollTop() + getWindowHeight() == getScrollHeight()) ? true : false;
  58.                 let topFlag = (getScrollTop() == 0) ? true : false;
  59.                 if (bottomFlag || topFlag) {
  60.                     speed = 0;
  61.                 } else {
  62.                     document.documentElement.scrollTop += speed;
  63.                 }
  64.             }, 5)
  65.      
  66.             document.onkeydown = (e) => {
  67.                 e = event || window.event;
  68.                 // 同时按上键与alt键向上滚动
  69.                 if (e && e.keyCode == 38 && e.altKey) { 
  70.                     let bottomFlag = (getScrollTop() + getWindowHeight() == getScrollHeight()) ? true : false;
  71.                     if (bottomFlag) {
  72.                         document.documentElement.scrollTop += -1;
  73.                     }
  74.                     speed -= speed_num;
  75.                 }
  76.                 // 同时按下键与alt键向下滚动
  77.                 if (e && e.keyCode == 40 && e.altKey) { 
  78.                     let topFlag = (getScrollTop() == 0) ? true : false;
  79.                     if (topFlag) {
  80.                         document.documentElement.scrollTop += 1;
  81.                     }
  82.                     speed += speed_num;
  83.                 }
  84.                 // 同时按 CTRL + ALT 键停止滚动
  85.                 if (e && e.altKey && e.ctrlKey) {
  86.                     speed = 0;
  87.                 }
  88.             }
  89.             // 单击页面停止滚动
  90.             document.onclick = () => {
  91.                 speed = 0;
  92.             }
  93.             // 滑动滚轮页面停止滚动
  94.             document.onmousewheel = () => {
  95.                 speed = 0;
  96.             }
  97.             document.addEventListener("DOMMouseScroll", () => {
  98.                 speed = 0;
  99.             })
  100.     })();
  101.  

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址