title: Why does jQuery animate not work on mobile devices if viewport is present?
body: <p>So the following works fine on my webpage on Desktop but doesn't cause any scroll on Mobile...</p>
  
  <pre><code> $("HTML, BODY").animate({
          scrollTop: 500
      }, 1000);
  </code></pre>
  
  <p><a href="http://blog.jonathanargentiero.com/jquery-scrolltop-not-working-on-mobile-devices-iphone-ipad-android-phones/" rel="nofollow noreferrer">This post</a> seems to suggest it has something to do with mobile devices not scrolling on body but on viewport instead. And if I remove this viewport tag from my page then the scroll does work....</p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"&gt;
  </code></pre>
  
  <p>But I have seen pages where the viewport tag is present but the animation works, so what gives?</p>