jQuery的動畫scrollTop的不順暢（Parralax效果）

我一直要求創建一個網站，動畫需要工作一樣什麼是鏈接http://www.piperdesign.co.uk/clients/sanctum/demo2/sanctum_HEX.html jQuery的動畫scrollTop的不順暢（Parralax效果）

我已經幾乎做到了這一點上顯示，但問題是動畫不夠流暢。

這裏就是我已經創建了動畫http://rapidzdev.co.uk/sanctum/

下面的代碼是什麼，我已經做了鏈接。

$('#main-menu ul li').on('click','a',function(e){ 
    e.preventDefault(); 
    var link = $(this).attr('href'); 
    var title = $(this).html().replace(' ','-').toLowerCase(); 
    var scroll = $('#'+title).offset().top; 
    $('body').stop().animate({'scrollTop':scroll},'slow', 'easeOutCirc'); 
    return false; 
})

任何幫助將不勝感激。

謝謝

來源

2013-05-22 Lee Proctor

我沒有看到該網站上的任何動畫（因爲我阻止閃光;]）你可以請解釋動畫？ [你不應該使用個人鏈接]（http://meta.stackexchange.com/questions/125997/something-in-my-web-site-or-project-doesnt-work-can-i-just-粘貼鏈接到它） –

試試這個並更新你的jQuery。 $（'body'）。stop（）。animate（{'scrollTop'：scroll}，600）;

來源

2013-05-22 12:20:43

我試過這個，我仍然有同樣的問題。 –

爲了獲得更流暢的動畫，請不要使用jQuery。你在製作一個大圖片和一個昂貴的禮物：背景位置。

你應該試試這個讓事情更流暢：

使用CSS動畫或jQuery的requestTimeFrame代替
動畫頂部，或者使你的形象元素背景位置，而不是翻譯禮
最小化迴流絕對定位

來源

2013-05-22 13:28:56 Mircea

jQuery的動畫scrollTop的不順暢（Parralax效果）

回答

相關問題