scrollTo水平滚动有点粗糙 - jQuery

时间:2011-08-23 14:35:27

标签: jquery-plugins

我在以下网站http://normli.ca/new上使用了scrollTo插件来实现单页水平滚动网站。在大多数情况下,它工作得很好并且滚动顺畅,但在滚动到“液体”页面时似乎有点粗糙。有没有办法让它顺利滚动?下面是我使用过的代码片段。

jQuery(document).ready(function(){

// easing function
$.easing.elasout = function(x, t, b, c, d) {
    var s=1.70158;var p=0;var a=c;
    if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
    if (a < Math.abs(c)) { a=c; var s=p/4; }
    else var s = p/(2*Math.PI) * Math.asin (c/a);
    return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
};

//resets the page
$('body').scrollTo( 0 );
$.scrollTo( 0 );

    //click function
$('.three').click(function(){
    $('#back').hide();
    $('#container').fadeOut('slow');
    $.scrollTo(5695, 1500, {axis:'x', easing:'easeInOutExpo'}); 
});

});

0 个答案:

没有答案