title: Current scroll position when using -webkit-overflow-scrolling:touch - Safari iOS javascript event (scrollTop / scrollLeft)
body: <p>I'm using -webkit-overflow-scrolling:touch to make a div with overflow:scroll; scroll smoothly through iOS touch events.</p>
  
  <p>It works brilliantly, except it doesn't seem to update element.scrollTop or element.scrollLeft while it's scrolling. It only updates element.scrollTop / triggers a scroll event when the momentum runs out and it stops.</p>
  
  <p>Does anyone know of a way of finding out its current scroll position and if there's an event I can listen for? I wondered if it can be found through a CSS3 property perhaps? Thanks</p>
  
  <p>Example below showing two attempts:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;body&gt;
      &lt;div id="display_a"&gt;Scroll is: 0&lt;/div&gt;
      &lt;div id="display_b"&gt;Scroll is: 0&lt;/div&gt;  
      &lt;div id="element" style="width:800px;overflow-x:scroll;-webkit-overflow-scrolling:touch;"&gt;
          &lt;div style="font-size:100px;width:1850px;"&gt;
              a b c d e f g h i j k l m n o p q r s t u v w x y z
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;script&gt;
          var e = document.getElementById("element");
          var display_a = document.getElementById("display_a");
          var display_b = document.getElementById("display_b");
          e.addEventListener("scroll",function(event){display_a.innerHTML = "Scroll is: " + event.target.scrollLeft;});
          setInterval(function(){display_b.innerHTML = "Scroll is: " +  e.scrollLeft;},100);
      &lt;/script&gt;   
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>============ UPDATE ============</strong></p>
  
  <p>iOS 8 has sorted this behaviour. Scroll events are now triggered while scrolling.</p>
  
  <p>Note that you'll now have to deal with negative scroll values during the bounce scroll.</p>