MediaWiki:Common.js - Revision history

Jan.vales at 14:27, 1 February 2024

2024-02-01T14:27:05Z

← Older revision		Revision as of 14:27, 1 February 2024
Line 104:		Line 104:
	startImageRotation(); // Start the initial rotation		startImageRotation(); // Start the initial rotation
	};		};

	~~function init(){~~
	~~new SmoothScroll(document,500,80)~~
	}

	~~function SmoothScroll(target, speed, smooth) {~~
	~~if (target === document)~~
	~~target = (document.scrollingElement~~
	~~\|\| document.documentElement~~
	~~\|\| document.body.parentNode~~
	~~\|\| document.body) // cross browser support for document scrolling~~

	~~var moving = false~~
	~~var pos = target.scrollTop~~
	~~var frame = target === document.body~~
	~~&& document.documentElement~~
	~~? document.documentElement~~
	~~: target // safari is the new IE~~

	~~target.addEventListener('mousewheel', scrolled, { passive: false })~~
	~~target.addEventListener('DOMMouseScroll', scrolled, { passive: false })~~

	~~function scrolled(e) {~~
	~~e.preventDefault(); // disable default scrolling~~

	~~var delta = normalizeWheelDelta(e)~~

	~~pos += -delta * speed~~
	~~pos = Math.max(0, Math.min(pos, target.scrollHeight - frame.clientHeight)) // limit scrolling~~

	~~if (!moving) update()~~
	}

	~~function normalizeWheelDelta(e){~~
	~~if(e.detail){~~
	~~if(e.wheelDelta)~~
	~~return e.wheelDelta/e.detail/40 * (e.detail>0 ? 1 : -1) // Opera~~
	~~else~~
	~~return -e.detail/3 // Firefox~~
	~~}else~~
	~~return e.wheelDelta/120 // IE,Safari,Chrome~~
	}

	~~function update() {~~
	~~moving = true~~

	~~var delta = (pos - target.scrollTop) / smooth~~

	~~target.scrollTop += delta~~

	~~if (Math.abs(delta) > 0.5)~~
	~~requestFrame(update)~~
	~~else~~
	~~moving = false~~
	}

	~~var requestFrame = function() { // requestAnimationFrame cross browser~~
	~~return (~~
	~~window.requestAnimationFrame \|\|~~
	~~window.webkitRequestAnimationFrame \|\|~~
	~~window.mozRequestAnimationFrame \|\|~~
	~~window.oRequestAnimationFrame \|\|~~
	~~window.msRequestAnimationFrame \|\|~~
	~~function(func) {~~
	~~window.setTimeout(func, 1000 / 50);~~
	}
	);
	~~}()~~
	}

	~~init();~~

Jan.vales at 14:26, 1 February 2024

2024-02-01T14:26:45Z

← Older revision		Revision as of 14:26, 1 February 2024
Line 106:		Line 106:

	function init(){		function init(){
	new SmoothScroll(document,~~250~~,1)		new SmoothScroll(document,500,80)
	}		}

Jan.vales at 14:26, 1 February 2024

2024-02-01T14:26:06Z

← Older revision		Revision as of 14:26, 1 February 2024
Line 106:		Line 106:

	function init(){		function init(){
	new SmoothScroll(document,0,0)		new SmoothScroll(document,250,1)
	}		}

Jan.vales at 14:25, 1 February 2024

2024-02-01T14:25:51Z

← Older revision		Revision as of 14:25, 1 February 2024
Line 106:		Line 106:

	function init(){		function init(){
	new SmoothScroll(document,~~1000~~,0)		new SmoothScroll(document,0,0)
	}		}

Jan.vales at 14:25, 1 February 2024

2024-02-01T14:25:31Z

← Older revision		Revision as of 14:25, 1 February 2024
Line 106:		Line 106:

	function init(){		function init(){
	new SmoothScroll(document,~~250~~,12)		new SmoothScroll(document,1000,0)
	}		}

Jan.vales at 14:24, 1 February 2024

2024-02-01T14:24:50Z

← Older revision		Revision as of 14:24, 1 February 2024
Line 106:		Line 106:

	function init(){		function init(){
	new SmoothScroll(document,~~120~~,12)		new SmoothScroll(document,250,12)
	}		}

Jan.vales at 14:23, 1 February 2024

2024-02-01T14:23:47Z

← Older revision		Revision as of 14:23, 1 February 2024
Line 173:		Line 173:
	}()		}()
	}		}

			init();

Jan.vales at 14:23, 1 February 2024

2024-02-01T14:23:01Z

@@ Line 105: / Line 105: @@
 };
-const body = document.body,
+function init(){
-   scrollWrap = document.getElementsByClassName("smooth-scroll-wrapper")[0],
+	new SmoothScroll(document,120,12)
-   height = scrollWrap.getBoundingClientRect().height - 1,
-  speed = 0.04;
-var offset = 0;
+		pos += -delta * speed
-body.style.height = Math.floor(height) + "px";
+		if (!moving) update()
-function smoothScroll() {
+	function normalizeWheelDelta(e){
-  offset += (window.pageYOffset - offset) * speed;
+		if(e.detail){
-  var scroll = "translateY(-" + offset + "px) translateZ(0)";
+	function update() {
-  scrollWrap.style.transform = scroll;
+		moving = true
-  callScroll = requestAnimationFrame(smoothScroll);
+	var requestFrame = function() { // requestAnimationFrame cross browser
+}

Jan.vales at 14:21, 1 February 2024

2024-02-01T14:21:30Z

← Older revision		Revision as of 14:21, 1 February 2024
Line 104:		Line 104:
	startImageRotation(); // Start the initial rotation		startImageRotation(); // Start the initial rotation
	};		};

			const body = document.body,
			scrollWrap = document.getElementsByClassName("smooth-scroll-wrapper")[0],
			height = scrollWrap.getBoundingClientRect().height - 1,
			speed = 0.04;

			var offset = 0;

			body.style.height = Math.floor(height) + "px";

			function smoothScroll() {
			offset += (window.pageYOffset - offset) * speed;

			var scroll = "translateY(-" + offset + "px) translateZ(0)";
			scrollWrap.style.transform = scroll;

			callScroll = requestAnimationFrame(smoothScroll);
			}
			smoothScroll();

Jan.vales at 14:20, 1 February 2024

2024-02-01T14:20:36Z

Show changes