谷歌風格Ajax頁面加載

Question

有人可以給我更多關於如何實現的信息。當您從一個頁面轉到另一個頁面時，內容會變灰，然後內容加載時會暫停，然後內容被替換爲新內容，您將被帶到頁面的頂部。

我要實現我的網站同樣的效果，所以我想，如果我有正確的步驟：

• 用戶點擊「下一頁」上。
含
• 事業部內容變爲半透明使用jQuery
• 新內容中使用Ajax拉昇，並取代當前的內容
• 滾動使用「上滾動到」

我是在頁面的頂部正確的軌道？任何人都可以提供更多信息讓我開始？

Answer 1

我認爲你在混合2個可能性。

1. 非常基本的，如果你的頁面之間面臨着重大的加載時間，你可以，像你說的，顯示一個對話框說「請等待下一個頁面加載」。當它發生時，瀏覽器將切換到新頁面。 但是，根據使用標籤瀏覽等的人，我會建議反對它，因爲它會打破上一頁。如果您在新選項卡中打開鏈接，則在返回時必須重新加載上一頁。

2. 如果您使用Ajax，瀏覽器將不會切換頁面;只有頁面內容將被換出。同樣，您可以在頁面中添加一個「加載」框，直到收到新的HTML內容。

編輯 根據您的問題，這裏有一個例子：

$("#contents").ajaxStart(function() { 

    $(this).fadeTo("slow", 0.33); 

});