JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://brandonaaron.net/javascripts/plugins/mousewheel.js"></script>
<pre id="a"></pre>
<pre id="b"></pre>

CSS

html, body {height: 100%; width: 100%; padding: 0; margin: 0;}
pre {
    background-color: #eee;
    font-family: monospace;
    margin: 0;
}

JavaScript

var self = this;
self.lastScroll = self.thisScroll = new Date().getTime();

$('body').mousewheel(function (event, delta, deltax, deltay) {

    self.lastScroll = self.thisScroll;
    self.thisScroll = new Date().getTime();

    $('#a').text('last scroll : '+self.lastScroll+'\nthis scroll : '+self.thisScroll+'\n       diff : '+(self.thisScroll - self.lastScroll));

    if((self.thisScroll - self.lastScroll) > 150) {
        // New scroll
        $('#b').text('logg scroll : '+self.lastScroll);
    }
});