title: window.scroll events triggering twice
body: <p>No matter what method I use to detect scrolling on the page the event is triggered twice. Please see the code for the different methods I have tried.</p>
  
  <pre><code>&lt;body onmousewheel="alert('Why are you alerting twice?')"&gt;
  </code></pre>
  
  <p>or </p>
  
  <pre><code>&lt;script src="js/jquery-1.8.3.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  $(window).scroll(function(){
      alert("Why are you alerting twice?");
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>or</p>
  
  <pre><code>window.onscroll = please_scroll;
  
  function please_scroll() {
        alert("Why are you alerting twice?");
      }
  </code></pre>
  
  <p>I have even tried using $.debounce.</p>
  
  <p>In case it is of any use I will explain what I am trying to do:
  When the user scrolls the wheel either up or down, the page will animate the scroll to the next full width content div. I have code that is successfully doing this onclick of my menu, but I would also like it to happen as the user scrolls, essentially auto assisting them with scrolling to each part of my page. This is the function I currently have for scrolling:</p>
  
  <pre><code>function scrollTo(id){
    // Scroll
    $('html,body').animate({scrollTop: $("#"+id).offset().top - 110},'slow',function(){
      animation_active = "false";
    });
  }
  </code></pre>