title: jquery animate scrollTop and scrollLeft not working on ipad simultaneously
body: <p>I have the following snippet of code that animates my page to a specific point on my frontpage. This is working perfectly on all browsers and on android tablets.</p>
  
  <pre><code>if($("body").hasClass("mobile")){
     $scrollable.animate({scrollTop: getPosition()[0]}, scrollSpeed,scrollEffect);
     $scrollable.animate({scrollLeft:  getPosition()[1]}, scrollSpeed,scrollEffect);
  }else{
     $scrollable.animate({scrollTop: getPosition()[0],scrollLeft:getPosition()[1]},     scrollSpeed,scrollEffect);
  }
  </code></pre>
  
  <p>When i'm on a mobile version, the scrollLeft and scrollTop wont work simultaneously. So i set them apart and this seems to work in android but not on Ipad devices(IOS). So in the above example, he will do scrollLeft but not scrollTop (on ipad). Separately they work perfectly. So my question is :</p>
  
  <p>How do i let the ipad do both animations? </p>