Scroll without a scrollbar

scroll.css

.scroll {
	overflow: hidden;
	cursor: move;
	touch-action: none;
}

scroll.js

window.onload = () => {
	let element = document.getElementById('zone'), scroll = [false, 0, 0];
	element.onpointerdown = event => {
		scroll[2] = event.clientY;
		scroll[1] = event.clientX;
		scroll[0] = true;
	};
	element.onpointermove = event => {
		if (scroll[0]) {
			element.scrollLeft += scroll[1] - event.clientX;
			element.scrollTop += scroll[2] - event.clientY;
		}
	};
	window.onpointerup = () => {
		scroll[0] = false;
	};
};