JSFiddle - React, Tailwind, and code Playground

by Harm Zeinstra

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-debug.js"></script>
<div></div>

CSS

div {
  height:300px;
  width:300px;
  background-color:black;
}

JavaScript

$("div").on('wheel', function (e) {
		if (e.originalEvent.deltaY < 0) {
    	console.log("Scroll up");
    } else {
    	console.log("Scroll down");
    }
});