用css和/或jquery單擊鏈接時滑動動畫

Question

我已經搜索並找到幾乎是我的問題的答案。請原諒我，如果以前回答過，信噪比很差。

在原生移動應用程序中，當您單擊導航列表中的項目時，通常會看到頁面轉換。新內容從右側滑入。

我想在移動設備上的瀏覽器應用程序上執行此操作。點擊一個鏈接，可能會附帶一個特定的樣式，導致新頁面滑入。目標是讓頁面立即加載。因此，希望新頁面能夠立即開始加載，但現有頁面會在加載過程中顯示該過渡。

我並不十分反對使用Ajax，但我認爲有CSS屬性可以允許這樣做。我不太關心後退按鈕的動作，但我確實希望它能夠正常工作。我沒有使用，也不想使用jquery-mobile或其他移動框架。

任何提示？即使知道正確的搜索詞也是有幫助的。謝謝！

Answer 1

你應該檢查github做樹瀏覽的方式。它有你想要的效果（我相信你可以適應移動設備），它也適用於後退按鈕。博客文章是here。

Answer 2

您可以檢出jQuery Mobile。它針對移動設備，並且還包含一組頁面轉換。您可以在這裏看看演示：Page Transition Doc and Demo

據我所知，頁面轉換隻能在Chrome中使用，也可能是Safari，因爲它也基於桌面上的Webkit。不確定移動設備，對不起。