JavaScript: intercettare le pause nello scrolling delle pagine

Esistono molte soluzioni jQuery per capire quando gli utenti smettono di scrollare una pagina. Tuttavia è possibile ottenere lo stesso risultato anche con il solo JavaScript.

La soluzione è la seguente:


(function() {
	document.addEventListener( "DOMContentLoaded", () => {
		const win = window;
		const output = document.querySelector( "#output" );
		const scrolling = "<span id='scrolling'>Scrolling</span>";
		const stopped = "<span id='stopped'>Stopped</span>";
		let timer = null;
			
			win.addEventListener( "scroll", () => {
				output.innerHTML = scrolling;
				clearTimeout( timer );
				timer = setTimeout(() => {
					output.innerHTML = stopped;
				}, 250);
				
			}, false);
	}, false);
})();

Torna su