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

时间:2012-10-05 09:33:22

标签: jquery google-chrome safari scroll jquery-animate

我设法创建一个带有随机数页面(宽度和高度)并滚动到它的函数。这在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 个答案:

答案 0 :(得分:1)

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

使用eghttp://code.jquery.com/jquery-latest.min.js