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

.animate(); in Javascript is Freezing for a second

本文关键字:冻结 一秒钟 Javascript animate      更新时间:2023-09-26

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

可滚动的div 包含大约 36 个宽度为 75 像素的div,背景是动态生成的 SVG 图。要使用div I 进行动画处理

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 上没有这种滞后。

谢谢

大卫

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