title: JQuery Scroll Listener
body: <p>To handle parallax scrolling and dynamic elements appearing on the page depending on how far the user has scrolled, I am using the JQuery scroll listener method.
  <code>$(window).scroll(function(){});</code>
  The one problem I am having is that this method is only triggered when the user reaches the bottom of the page or the top of the page: there is no "live" scroll tracking. Is there anyway to accomplish tracking the "live" scroll and not when the user reaches the bottom of the page? My code is as follows.</p>
  
  <pre><code>$(document).ready(function() {
      $(window).scroll(function() {
          $("#article").append("&lt;div&gt;Did scroll&lt;/div&gt;");
      });
  });
  </code></pre>
  
  <p>The did scroll will only appear when the user reaches the top or bottom.</p>
  
  <p>EDIT:</p>
  
  <p>And I have tired to place the code outside the <code>$(document).ready();</code>. Same result presented itself.</p>