JSFiddle - React, Tailwind, and code Playground

by danya_postfactum

HTML

<div id="element"></div>

JavaScript

element.style.height = '10000px';
	element.style.whiteSpace = 'pre';
	function log(data) {
		element.textContent += data + '\n';
	}
	document.addEventListener('wheel', function(event) {
		switch (event.deltaMode) {
			case event.DOM_DELTA_LINE:
				log('Scroll By Lines: ' + event.deltaY);
				break;
			case event.DOM_DELTA_PAGE:
				log('Scroll By Pages: ' + event.deltaY);
				break;
			case event.DOM_DELTA_PIXEL:
				var normalizedY = Math.round(event.deltaY*10 / window.innerHeight * 1000) / 1000;
				log('Scroll By Pixels: ' + event.deltaY + ' Normalized: ' + normalizedY);
				break;
		}
	});