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

Question

我设法制作了一个函数，该函数获取页面的随机数（宽度和高度）并滚动到它。这在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/

Answer 1

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

使用 e.g.http：//code.jquery.com/jquery-latest.min.js