Jquery - 动画滚动对角线，野生动物园不工作，镀铬滞后

Posted 2023-05-08

【中文标题】Jquery - 动画滚动对角线，野生动物园不工作，镀铬滞后

【英文标题】：Jquery - Animate scroll diagonal, safari not working, chrome lag

【发布时间】：2012-09-26 10:40:33

【问题描述】：

我已经设法制作了一个函数，它采用随机数的页面（宽度和高度）并滚动到它。这在 Firefox 中完美运行（平滑滚动和对角线），但在 Safari 中尝试执行此操作时，它只能水平滚动。

在 Chrome 中执行此操作时，它可以工作，但是它非常滞后。我正在滚动图片，有什么方法可以让这更流畅吗？

更新：在 safari 中测试手动滚动后，我发现页面在那里也很滞后。它的闪烁和口吃......

这是我的代码：

$('#nav').bind('click', function(e)
    e.preventDefault();

    var bodyHeight = $('body').height() + 1;
    var bodyLeft = $('body').width() + 1;
    var top = Math.floor(Math.random()* bodyHeight)
    var left = Math.floor(Math.random()* bodyLeft)


    $('html, body').animate(
            scrollTop: top,
            scrollLeft: left
    , 1000, 'swing');
)

现场演示：http://www.nicesprites.se/patrik_berg/

【参考方案1】：

你应该使用最新的 Jquery 版本，你会没事的。

使用例如http://code.jquery.com/jquery-latest.min.js

【讨论】：

是的，它修复了对角滚动，但没有解决滞后问题：重新上传了现场演示，这样您就可以看到我的问题。谢谢！