title: Unable to scroll on website
body: <p>On this website I am unable to scroll.</p>
  
  <p><a href="http://batan.io/" rel="nofollow noreferrer">www.Batan.io</a></p>
  
  <p>When I load the website for the first time the trackpad (mac) works fine but then the scroll function stops working. The sidebar works, I have changed the CSS position but to no avail.</p>
  
  <p>Please will someone tell me why scrolling does not work on this website?</p>
  
  <p>Thanks very much,</p>
  
  <p>Thomas</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code> $(function () {
          $('body').bind('mousewheel', function (event) {
              event.preventDefault();
              var scrollTop = this.scrollTop;
              this.scrollTop = (scrollTop + ((event.deltaY * event.deltaFactor) * -1));
              //console.log(event.deltaY, event.deltaFactor, event.originalEvent.deltaMode, event.originalEvent.wheelDelta);
          });
      });</code></pre>
  </div>
  </div>
  </p>