.animate();在Javascript中冻结一秒钟

时间:2014-11-24 13:18:46

标签: javascript jquery css animation

我在Javascript中遇到.animate()问题。我正在使用它自动滚动到div whitch正在工作的元素。我遇到的问题是,在几毫秒后滚动冻结一秒左右,然后继续它应该已经动画的那一点,然后它继续动画没有任何问题。

可滚动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)上遇到这种延迟,桌面PC上没有这种延迟。

谢谢,

大卫

1 个答案:

答案 0 :(得分:0)

听起来您正在运行动画作为对滚动事件的响应。这是一篇解决此类问题的帖子(包括代码):Jquery slow reaction time