2013-12-10 50 views
2

我正在使用動畫。絲滑的平滑滾動點擊?

請單擊顯示底部的loadmore按鈕:http://www.arrowlife.com

我個人覺得,向上滾動動畫是有點生澀。

我想給它一個非常平滑的奶油狀的感覺(就像我們在iPhone上)我。怎麼可以做一些超光滑animtion(如果可能的話用jQuery,避免任何插件。)

我試過線性, swing ..但力得到理想的結果。我查看了幾個SO鏈接,但並不滿意。

var scroll=$(document).scrollTop()+700; 
    $('html,body').animate({ 
     scrollTop:scroll 
    }, 1200); 
+0

iOS上的平滑滾動已涉及到硬件和軟件之間的緊密聯繫 - 直接對話的圖形處理器。我的猜測是,在軟件中實現同樣的事情只需要非常快的硬件。 – Floris

+0

@弗洛里斯:是的,但如果不完全像我們可以接近至少.. –

+0

它的權利在底部..滾動第一!!! –

回答

0
var scroll = $(document).scrollTop() + 700; 
$('html,body').animate({ 
    scrollTop: scroll 
}, 1200, 'easeInOutQuart'); 

我認爲你正在尋找的效應被稱爲緩解,如果我理解你改正。我更喜歡「easeInOutQuart」,但請查看所有jQuery UI緩動。希望這可以幫助!

http://jqueryui.com/resources/demos/effect/easing.html