scroll_debounce.js

var latestKnownScrollY = 0, 
	ticking = false;



function onScroll(){
	latestKnownScrollY = window.scrollY;
	requestTick();
}

function requestTick(){
	if(!ticking){
		requestAnimationFrame(update);
	}
	ticking = true;
}

function update(){
	// reset the tick so we can
	// capture the next onScroll
	ticking = false;

	var currentScrollY = latestKnownScrollY;
	// console.log("current Scroll : " + currentScrollY);
	console.log(`current scroll ${currentScrollY}`);
	// do whatever dom updates. Read first in a batch
	// then write in a batch if possible
}






window.addEventListener('scroll', onScroll, false);