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", function() {
		var win = window,
			output = document.querySelector( "#output" ),
			scrolling = "<span id='scrolling'>Scrolling</span>",
			stopped = "<span id='stopped'>Stopped</span>",
			timer = null;
			
			win.addEventListener( "scroll", function() {
				output.innerHTML = scrolling;
				clearTimeout( timer );
				timer = setTimeout(function() {
					output.innerHTML = stopped;
				}, 250);
				
			}, false);
	});
})();

Demo

JavaScript: check if users stop scrolling