平滑的內容加載，怎麼做？

Question

我不確定如何引用這個（所以我不能自己搜索它），但是如何實現平滑的頁面加載（類似於內容預取），就像點擊代碼頁鏈接時一樣github或者當你點擊Google plus側邊欄的另一個元素時？

我的意思是：我認爲這是javascript和ajax的東西，但我無法弄清楚，頁面加載順利沒有「清爽」的感覺，它肯定不是閃光。

我很抱歉，如果我是不清楚，我會試着解釋它更好，如果這行不通

Answer 1

實際上很簡單。
發出一個AJAX請求並顯示一個加載器。
將響應放在隱藏的元素中，並使用JQuery淡化它。

$("#id").fadeIn(); 

它肯定會感覺光滑！

Answer 2

阿賈克斯+ jQuery是我的賭注。
加載頁面的底部。然後，通過Ajax調用來檢索數據和帶有轉換（？）的Jquery，以使GUI更新變得更加笨重。

如果你在他們的堆棧上，微軟有一些新鮮的東西，他們稱之爲Single page application。

Answer 3

如果您不能完成使用Ajax獲取頁面內容和html5以在單擊某些內容時更改URL的任務，可以使頁面快速淡出，然後轉到URL（而不是使用鏈接使用JavaScript函數淡化所有內容，然後更改window.location）

當頁面加載時，您可以快速再次淡入。它會給你的過渡類似谷歌的感覺，你會避免「白色閃光燈」

Answer 4

有多種方式來實現這種效果，但一個相當容易的是使用jQuery（http://jquery.com/）和jQuery UI標籤插件（http://jqueryui.com/demos/tabs/）。看看該頁面上文檔的ajax模式部分。

如果您使用ASP.NET Web窗體，您還可以使用一個UpdatePanel（Introduction to the UpdatePanel control）的選項。

Answer 5

我認爲像Facebook這樣的，我的猜測是你指的是那種網站的網站，使用iframe來加載內容，然後獲取內容，並將其轉移到另一個元件。這意味着他們不會不斷重新加載左側菜單，頁眉或頁腳，以及您保持顯示的任何聊天內容。

我個人剛剛發展，你向下滾動，它加載額外行的表（類似於Facebook的新聞提要，但我懷疑他們使用一個表）。我只是將新行加載到一個隱藏表中，每次30行，並將行傳輸到原始表中。它與上述類似的原則。