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

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

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

流畅的jQuery页面转换

1 个答案: