2013-12-10 89 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