title: JQuery / JS : Detect user's scroll attempt without any window overflow to scroll to
body: <p>I'm working on a transitioning website, and while I want to use the user's scroll attempt as the transition initiator, I don't want there to be a window scroll bar. </p>
  
  <p>Right now, I'm simply detecting that the user scrolls (I've made my window size 1px taller that the user's screen for a scrollbar, although this is what I'm trying to avoid) with jquery's </p>
  
  <pre><code>.scroll(function)
  </code></pre>
  
  <p>method, and using that to transition my page, but <strong>I'd like to detect the user's scroll attempt without having to make my page overflow by a pixel, and thus showing the scrollbar</strong></p>
  
  <p>How can this be done? </p>
  
  <p><strong>Messy patch possibility that I know of:</strong></p>
  
  <p>Positioning the window inside an outer wrapper and hiding the scrollbar in the overflow of the wrapper. This is a patch up job and not a solution. It results in the page content being off-center since not all browsers use the same width for their scrollbars. </p>