Fluid jQuery页面过渡

Question

所以这就是我的问题:我正在设计一个网站，它使用jQuery来转换网页的主框架。索引页面有一个高度为450的横幅，当转到其他页面时，高度会减小到200px。在主页(大约向下一页)上有一个按钮，该按钮可以滚动回页面顶部，然后进行页面转换。这里的问题是，每当我单击按钮时，它会在向上滚动的同时进行页面过渡，从而使其看起来像一个草率的过渡。

下面是我的函数调用：

$('a[href=#services]').click(function(){
    $('html, body').animate({scrollTop:0}, 'slow').delay(1500).animate({scrollTop:0}, 'slow');
    $.indexClear();
    $.serviceSET();
    $.servicelinkSET();
    return false;
});

函数调用都由hide()和fadeIn()组成。有什么想法吗？此外，延迟功能似乎不能正常工作。

Answer 1

我在任何地方都看不到你的scroll left/right代码，但听起来你需要在回调中做这件事。完成页面顶部的动画制作后，运行left/right代码。

$('element').animate({scrollTop: 0}, function() {
    //callback is called when first animation finishes
    $('element2').animate({left: 100});
});