Jquery .设置以不同速度移动（滚动顶部）的动画

我有一个可滚动的div，我想在35.5秒内到达文本的底部。然而，在不同的设备上，它触底的速度似乎有所不同。我使用动画（scrollTop）在35秒后隐藏整个div的高度

你知道为什么手机和平板电脑会有所不同吗

var scrollTime = 35500;
var scroller = $("#scroller");


setTimeout(function() {
    startScrolling(scroller, scrollTime);
}, 2000);


function startScrolling(scroller_obj, scrollTime) {
    var ht = $('.scrollingtext').height();

    scroller_obj.animate({scrollTop: ht}, scrollTime);
    scroller_obj.animate({scrollTop: 0}, 10);

    scroller_obj.on('touchstart click', function() {
        scroller_obj.stop( true, false );
    });
}

---

编辑：必须重新添加一些已删除的代码。

是时间上有实际差异，还是看起来比较慢？时间上有实际差异。如果我同时在两个不同的设备上启动它（我刚刚试过iPad和iPhone），大的比小的完成得快得多。我刚刚记录到iPad在21秒左右完成，而iPhone在35秒左右完成。iPhone在滚动时暂停Javascript执行以保持电池电量。你在手机和平板电脑上体验到的减速可能就是这一结果。此外，除非您运行的超时函数实际上是基于时间的，否则您运行的任何Javascript动画的速度都会受到渲染引擎、处理器能力以及您所做的事情是否依赖于JS（在cell上）的影响。这是一篇关于这个问题的详尽的文章。是真的有时间上的差异，还是看起来比较慢？真的有时间上的差异。如果我同时在两个不同的设备上启动它（我刚刚试过iPad和iPhone），大的比小的完成得快得多。我刚刚记录到iPad在21秒左右完成，而iPhone在35秒左右完成。iPhone在滚动时暂停Javascript执行以保持电池电量。你在手机和平板电脑上体验到的减速可能就是这一结果。此外，除非您运行的超时函数实际上是基于时间的，否则您运行的任何Javascript动画的速度都会受到渲染引擎、处理器能力以及您所做的事情是否依赖于JS（在cell上）的影响。这是一篇关于这个问题的详尽的文章。