title: jQuery scrollTop() does not work in scrolling DIV on mobile browsers, alternatives?
body: <p>I am trying to scroll to a specific location in a scrolling DIV.  Right now I am using a pixel offset with the jQuery scrollTop() function which works great on desktop browsers but it does not work on android mobiles browsers with the exception of Google's Chrome Android browser (do not have an iOS device to test if that works).  All the solutions I have found are for page (window) scrolling and not for scrolling in a DIV, anyone have any suggestions on what else I can use to accomplish the same task?</p>
  
  <p><strong>Here is a example</strong>: <br>
  <a href="http://jsfiddle.net/aQpPc/">http://jsfiddle.net/aQpPc/</a> <br>
  <a href="http://jsfiddle.net/aQpPc/embedded/result/">http://jsfiddle.net/aQpPc/embedded/result/</a></p>
  
  <p><strong>Other things I have tried that work in desktop browsers</strong>:</p>
  
  <pre><code>document.getElementById('ID_of_element_in_a_DIV').scrollIntoView();
  document.getElementById('ID_of_DIV').scrollTop = 200;
  </code></pre>
  
  <p><strong>EDIT 3/11/13:</strong></p>
  
  <p>This is a know android browser issue: <a href="https://code.google.com/p/android/issues/detail?id=19625">https://code.google.com/p/android/issues/detail?id=19625</a></p>
  
  <p>One user in the bug report suggested a workaround:</p>
  
  <blockquote>
    <p>because the issue only seems to appear when the overflow property is
    set to scroll, you can first set it to 'hidden', set the scrollTop
    property, then reset it back to 'scroll' (or auto).  The scrollTop
    property seems to be honored when the element is re-rendered with
    scrollbars.  It's not clear if this has any unexpected side-effects,
    but "it works on my machine!"</p>
  </blockquote>