使網址導航立即加載

一段時間以來，人們所知道的是，「快速導航」很容易適用於http://example.com/#1 - >http://example.com/#2。使網址導航立即加載

但是，這裏有一種新技術。它可以在http://example.com/1 - >http://example.com/2之間快速導航。

正如你可以看到的例子，經由滑動apparantly不強制整個網站http://rageslide.com/1和http://rageslide.com/2等之間的導航重新載入。
我想爲我的網站做同樣的事情，但我不知道如何做到這一點。我網站提供的所有頁面都是動態的（通過PHP和MYSQL）。

我有這樣的想法：

不同的想法：

不知何故，http://example.com/1正在通過的.htaccess解釋爲http://example.com/content.php#1。但我不知道這是否可行。

這項工作？或者什麼是解決這個問題的最好方法？

不，你看有沒有用於加載其他頁面的URL。在網站中包含的JavaScript代碼中有AJAX請求，加載新內容以顯示和更新URL欄。

可以在this article和在過去提出以下問題閱讀更多關於它：

2012-12-01 20:11:47 4lbertoC

非常感謝！我有一種感覺，即你提供的鏈接會讓我找到解決方案。希望能夠報告解決方案。 –

我仍然有一個問題：因爲我的內容是動態的，最好的解決方案是緩存php文檔60秒，並在後臺默默預載下一頁** _OR_ **只需在用戶導航時請求下一頁**？編輯：當我想到它時，我並不需要緩存php文檔。我可以簡單地將預加載的html存儲在一個變量中。 –

正確。當你在第n頁時，你可以提出第（n + 1）頁的請求，並將它的內容存儲在一個變量中，甚至是一個隱藏的div中（因爲元素已經被添加DOM樹） – 4lbertoC

我能想到兩件可能的事情，你可以試試。

首先是簡單地使用iframe加載每個頁面的下一頁和上一頁，當有人滑入下一頁時，將下一頁加載到新的iframe或具有ajax或任何其他html元素的div。

另一種是使用rel屬性，這裏是關於它的一個explanation。

希望這可以幫助你

2012-12-01 20:03:33

剛剛嘗試使用'rel'屬性。這不是我剛纔提到的例子所使用的。 rel屬性導致加載一個新文檔，這個例子不會那麼做！ –

然後簡單地引用我所支持的第一個選項，在該選項中，您可以對jquery使用'load（）'和'append（）'函數來輕鬆地向頁面添加更多內容。 –

我認爲解決方案更復雜。我正在閱讀@ 4lbertoC的鏈接。 –

，你可以得到相當接近沒有腳本任何東西，或通過讓降解網站瀏覽器緩存預期的導航點資源

用於緩存圖像，將假人放在身體的盡頭 <img .... height="0" width="0">

和 <link rel=」prefetch」 href=」url」 />的網頁也有對下一個和以前的幻燈片查看器類型的網頁

rel屬性

注：URL可以是一個javascript資源

注2：過渡可能會略有減少乾淨比從javascript動態填充，特別是在較大的複雜頁面，但仍然可以與noscript或JavaScript關閉，所以也許是一個很好的回退

2012-12-01 20:25:32 technosaurus

回答