流體jQuery頁面轉換

所以這裏是我的問題：我正在設計一個使用jQuery過渡網頁主框架的網站。索引頁面有一個高度爲450的橫幅，當轉到其他頁面時，橫幅縮小到200px。主頁上有一個按鈕（大概是下一頁），應該將其滾動回頁面頂部，然後執行頁面過濾。這裏的問題是，無論何時點擊按鈕，它都會在頁面向上滾動時進行頁面轉換，從而使其看起來像一個草率的轉換。流體jQuery頁面轉換

這裏是我的函數調用：

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

的函數的調用都是由hide（）和淡入（），並沒有其他的。任何想法？此外，延遲功能似乎沒有正常工作。

來源

2012-05-24 user1302223

我沒有看到你的滾動左/右代碼的任何地方，但它聽起來像你需要在回調中做到這一點。一旦頁面頂部的動畫完成，請運行左/右代碼。

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

來源

2012-05-24 17:33:22 mrtsherman

謝謝，這幫了它。我唯一的另一個問題是現在當我運行一個jQuery腳本（比如一個動畫＃1），然後我點擊另一個按鈕導致一個事件動畫＃2，並且都使用相同的div，我怎麼能有第二個動畫覆蓋第一個的行動？我得到第二個動畫不運行的結果。有我可以創建的隊列嗎？ – user1302223

@ user1302223 - 看看'stop'文檔http://api.jquery.com/stop/ – mrtsherman

流體jQuery頁面轉換

回答

相關問題