jquery动画scrollTop和scrollLeft不能同时在ipad上工作

我有以下代码片段，可以将我的页面动画设置到frontpage上的特定点。这在所有浏览器和android平板电脑上都能完美运行

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);
}

当我使用移动版本时，scrollLeft和scrollTop不会同时工作。所以我把它们分开，这似乎在安卓系统中起作用，但在Ipad设备（IOS）上不起作用。因此，在上面的例子中，他将使用scrollLeft而不是scrollTop（在ipad上）。分开来看，它们工作得很好。所以我的问题是：

---

我如何让ipad同时播放这两种动画

在某些webkit版本上，webkit似乎只能滚动$（“html”）元素，请注意，这仅在某些版本的webkit客户端上是如此。 尝试：

而不是

$("body")

我找不到很多关于这方面的文档，但这破坏了我不久前创建的一个网站，并发现如果我嗅探webkit并将滚动动画应用于html而不是正文，那么这个解决方案是有效的

---

希望能有所帮助

我在开发插件（）时也遇到过同样的问题

---

ios浏览器中显然存在一个错误，当您在body/html上同时设置scrollTop/scrollLeft动画（特别是在绝对位置上）时，请尝试设置特定容器的动画。

可以确认，在ios上单独设置scrollTop或scrollLeft元素的动画效果很好，它们一起看起来非常满——屏幕发出劈啪声和抖动，什么也不动。只是想知道问题中的$scrollable是否真的是

body

元素。对于那些在iOS模拟器中进行测试的人，我想补充一点，类似的jQuery在模拟器中不起作用，但在实际设备（iPhone 6、iOS 9.3.5）上运行良好。

$("body")