MediaWiki:Gadget-Accueil.beffroi.js

Note : après avoir publié vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

• Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
• Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
•  Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.

( function ( mw ) {
	"use strict";

	const accueil = mw.libs && mw.libs.wikithionvilleAccueil;
	if ( !accueil ) return;

	accueil.initBeffroiMotion = root => {
		const image = root.querySelector("#img-beffroi");
		const section = root.querySelector("#plusdinfo");
		let frame = null;

		if (!image || !section || accueil.reduceMotion)
			return;

		function update() {
			const maxOffset = Math.max(section.offsetTop, 1);
			const progress = accueil.clamp(window.scrollY / maxOffset, 0, 1);
			const offset = ((1 - progress) * 30).toFixed(2);

			frame = null;
			image.style.transform = `translate3d(${offset}vw, -50%, 0)`;
		}

		function requestUpdate() {
			if (frame) return;

			frame = window.requestAnimationFrame(update);
		}

		window.addEventListener("scroll", requestUpdate, { passive: true });
		window.addEventListener("resize", requestUpdate);
		requestUpdate();
	};
}( mediaWiki ) );