☰

Scroll with Mouse Plus

Scroll a page by simply moving the cursor up and down, without even a click!

当前为 2022-02-09 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name           Scroll with Mouse Plus
  3. // @namespace      http://userscripts.org/users/86496
  4. // @description    Scroll a page by simply moving the cursor up and down, without even a click!
  5. // @include        *
  6. // @exclude		   *pan.baidu.com/*
  7. // @grant		   GM_getValue
  8. // @grant		   GM_setValue
  9. // @grant		   GM_addStyle
  10. // @run-at		   document-end
  11. // @author         hzhbest
  12. // @license        GNU GPLv3 
  13. // @version        1.18
  14. // ==/UserScript==
  15.  
  16. // Original script by Protector one (http://userscripts.org/scripts/show/63593)
  17. // hzhbest modded; -algorithm changed -compatibility improved -flexabiligy:move into the scrollbar to activate and continue scrolling while in the scroll-sensitive zone
  18.  
  19. (function (){
  20.  
  21. //###Customization: |可自定义的东西：
  22.   
  23.   //Show the scrolling indicator box or not, "1" to show. | 1－显示提示条，其他－不显示。
  24. var scrollShowIndicator = 1;
  25.  
  26.   //Set the width of scroll-sensitive zone, "100" as full width, "10" as one tenth.
  27.   // | “滚动触发区”宽度，区间：[0-100]，100为屏宽，0为禁用，10为十分之一屏宽。
  28. var VScrollonWidth = 10;
  29.  
  30.   //Set the background of the indicator bar. | 提示条的背景，可以为“rgba()”带透明色式或“#xxxxxx”实颜色式或其他。
  31. var IndicBarBG = "rgba(29,163,63,0.4)"
  32.  
  33.   //Set the height of "thickness" of the indicator bar. | 提示条的粗细度，单位为像素。
  34. var IndicBarH = 20;
  35.  
  36.   //Write here the width of the scrollbar (set in display properties) for highest accuracy.
  37.   // | 在下面填写滚动条的宽度（也就是系统“显示属性”中的数字），这样能实现最高精确度。
  38. var ScrollbarWidth = 20;
  39.  
  40.   //Set a trigger for activation, 1-none, 2-Ctrl key, 3-middle 100px range.
  41.   // | 在下面设置激活条件，1－无，2－按住 Ctrl 键，3－鼠标在页面中间100像素高度范围内。
  42. var activateCond = 1;
  43.  
  44.  
  45. //###Customization ends. 请不要更改下面代码。
  46. var scrollStartSWTM = -1;
  47.  
  48. var factor;
  49. var b=0;
  50. var VScrollOn=0;
  51.  
  52. 	document.addEventListener('mousemove', function(event) {
  53.         if (document.body.contentEditable == "true") {
  54.             return;
  55.         }
  56. 		var dheightMax = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
  57. 		var cwidthMax = Math.max(document.body.clientWidth, document.documentElement.clientWidth);
  58. 		var cwinHeight = window.innerHeight;
  59. 		var scrollboxHeight = window.innerHeight - 2*ScrollbarWidth
  60. 		//var cheightMin = Math.min(document.documentElement.clientHeight, document.body.clientHeight);
  61. 		//alert(cwidthMax);
  62. 		if (dheightMax > cwinHeight) {
  63. 			if (event.clientX > cwidthMax - ScrollbarWidth)
  64. 				switch (activateCond) {
  65. 					case 1:
  66. 						VScrollOn = 1;
  67. 						break;
  68. 					case 2:
  69. 						if (event.ctrlKey) VScrollOn = 1;
  70. 						break;
  71. 					case 3:
  72. 						if (event.clientY>cwinHeight/2-50 && event.clientY<cwinHeight/2+50) VScrollOn = 1;
  73. 				};
  74. 			if (event.clientX < ((1-VScrollonWidth/100) * cwidthMax)) VScrollOn = 0;
  75. 			if (document.body.contentEditable == "true") VScrollOn = 0;
  76. 		}
  77. 		if (VScrollOn) {
  78. 			if (scrollShowIndicator == 1)make_boxes();
  79. 			if (scrollStartSWTM != -1) {
  80. 				factor = (event.ctrlKey) ? dheightMax / scrollboxHeight / 2 : dheightMax / scrollboxHeight;
  81. 				//factor = ((Math.pow(dheightMax / cwinHeight,1.5)/110) + dheightMax / cwinHeight);
  82. 				//b.innerHTML = cwinHeight +"|"+scrollboxHeight +"<br />"+dheightMax +"|"+ factor +"<br />"+document.body.scrollTop;
  83. 				if (b) {b.style.top = (event.clientY - IndicBarH/2) + 'px';}
  84. 				var delta = factor * (event.clientY - scrollStartSWTM);
  85. 				document.body.scrollTop += delta;
  86. 				document.documentElement.scrollTop += delta;
  87. 				if (event.clientY + 20 > cwinHeight) {
  88. 					document.body.scrollTop += (factor * 10);
  89. 					document.documentElement.scrollTop += (factor * 10);
  90. 				}
  91. 				if (event.clientY > 0 && event.clientY < 20) {
  92. 					document.body.scrollTop -= (factor * 10);
  93. 					document.documentElement.scrollTop -= (factor * 10);
  94. 				}
  95. 			}
  96. 		scrollStartSWTM = event.clientY;
  97. 		}
  98. 		else
  99. 		{
  100. 			scrollStartSWTM = -1;
  101. 			if (b) setTimeout(function(){b.style.top = -200 + 'px';},200);
  102. 		}
  103. 	},false);
  104. 	document.addEventListener('click',function(){VScrollOn=0;},false);
  105.  
  106. 			
  107.     function make_boxes() {
  108.         if (!b) {
  109.             b = document.createElement("div");
  110.             b.setAttribute("id","IndicatorBox");
  111.             b.setAttribute("style", "width:" + VScrollonWidth +"%;background:" + IndicBarBG + ";min-height:" +IndicBarH + "px;text-align:center;position: fixed; top: -40px; right: 0;overflow: hidden; z-index: 10005;font-family:Arial !important;cursor:n-resize;cursor:ns-resize;");
  112.             document.body.appendChild(b);
  113. 			b.addEventListener('click',function(){VScrollOn=0;},false);
  114.             return true;
  115.         }
  116. 	}
  117.  
  118. })();