.animate（）; 在Javascript中冻结了一秒钟

Question

我在Javascript中遇到.animate()问题。 我正在使用它来自动滚动到div鞭子正在工作的元素。 我遇到的问题是，几毫秒后，滚动会冻结一秒钟左右，然后在应该已经动画化的位置继续滚动，然后继续进行动画处理而不会出现任何问题。

可滚动的div包含约36个div，宽度为75 px，在后台是动态生成的SVG图。 为我使用的div设置动画

parent.stop(true, false).animate({
            scrollLeft: offsetToLeft
        }, 50*Math.abs(elementsToSkipp), function (element, index) {
            //Show highlight the element and refresh data
            return false;
        }.bind(this, forecastElement[0], index));

return false; 和.stop(true, false)来自Stackoverflow，但它并没有真正解决我的问题。 非常感谢您的帮助。

编辑：我只在移动设备（iOS，Android）上遇到这种滞后，而在台式机上则没有这种滞后。

谢谢，

大卫

Answer 1

听起来好像您正在运行动画以响应滚动事件 。 这是解决此类问题（包括代码）的文章： jQuery响应时间慢