scrollWithMouseMove

鼠标在滚动条上移动滚动网页

目前為 2016-08-10 提交的版本，檢視最新版本。

安裝腳本 ?

Wrap lines

// ==UserScript==
// @name		scrollWithMouseMove
// @namespace	https://github.com/sakuyaa/gm_scripts
// @description	鼠标在滚动条上移动滚动网页
// @include		*
// @version		2016.8.9
// @note		修改自原脚本ScrollWithMouse.uc.js，来自Mozest.com社区
// @note		modify by sakuyaa
// @run-at		document-end
// ==/UserScript==
(function() {
	var scrolling = false;   //处于滚动条位置
	var scrollStartY = -1;   //移动起点高度
	function mouseScroll(event) {
		if (scrollStartY != -1) {
			//网页移动距离即为移动高度与网页可见区域高度的比例乘以网页正文全文高度
			document.documentElement.scrollTop += (event.screenY - scrollStartY) / document.documentElement.clientHeight * document.documentElement.scrollHeight;
		}
		scrollStartY = event.screenY;   //储存下次移动起点高度
	}

	setTimeout(() => {
		document.addEventListener('mouseover', e => {
			if (e.clientX >= document.documentElement.clientWidth && !scrolling) {   //处于滚动条位置
				scrolling = true;
				window.addEventListener('mousemove', mouseScroll, true)
			}
		}, false);
		document.addEventListener('mouseout', e => {   //移出滚动条
			if (scrolling) {
				scrolling = false;
				scrollStartY = -1;
				window.removeEventListener('mousemove', mouseScroll, true)
			}
		}, false);
	}, 1000);
})();

欢迎访问Greasy Fork镜像