jQuery Simple Example

by dj19910501

HTML

<script src="//www.addressfinder.co.nz/assets/v2/widget.js"></script>
<div id="test">
sdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdfsdfasdfsadfsdf
</div>

CSS

div{
  width: 500px;
  height: 200px;
  overflow: auto;
}

JavaScript

document.getElementById('test').addEventListener( "mousewheel", function ( event, delta, deltaX, deltaY ) {
    debugger;
    event.preventDefault();
    document.getElementById('test').scrollLeft += event.deltaX;
} );