title: Disable mouse wheel only works if page is scrolled to top
body: <p>I am using the following code to disable the mouse wheel for my page. This works if the page is scrolled all the way to the top when this function is called. If I scroll down any length and then call the function again, the function fails. What could cause this?</p>
  
  <p><strong>UPDATE</strong> - I figured out what the issue was. It had to do with some CSS settings for the scrollable element in the background. I had to change the position property from absolute to relative, and now no more scrolling!</p>
  
  <pre><code>$(document).bind('mousewheel DOMMouseScroll', function () {
      return false
  });
  </code></pre>