webrepa, примерно так, только вместо window.pageYOffset будет сумма delta в q
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
div, body, html{
height: 100%;
}
p{
position: fixed;
}
</style>
<script>
window.addEventListener('DOMContentLoaded', function() {
var temp = 0 , flag = true , timer;
window.addEventListener('scroll', function () {
if(flag) {temp = window.pageYOffset;flag = false; document.querySelector('p').innerHTML = 'ждём окончания скрола'}
window.clearTimeout(timer);
window.setTimeout(fn,1000)
});
function fn()
{ flag = true;
document.querySelector('p').innerHTML = (window.pageYOffset > temp ? "крутим вниз" : "крутим вверх")
}
});
</script>
</head>
<body>
<p></p>
<div id="dizzy">Dizzy
<!-- panel content -->
</div>
<div id="ninja">Ninja
<!-- panel content -->
</div>
<div id="missy">Missy
<!-- panel content -->
</div>
</body>
</html>