jquery - 流畅的 jQuery 页面转换

Question

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

这是我的函数调用：

$('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

我在任何地方都看不到您的左右滚动代码，但听起来您需要在回调中执行此操作。一旦动画到页面顶部完成，运行左/右代码。

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