如何在單頁面應用程序中添加滑動頁面轉換？

我爲我的路線使用了Sammy.JS，我可以用它的回調來隱藏和顯示我的頁面，但過渡並不好。我想要的是從右向左或向後顯示頁面，這將從左到右。如何在單頁面應用程序中添加滑動頁面轉換？

var app = Sammy('body', function() { 

    this.get('#/start', function() { 
     $('.app_page').hide(); 
     $('#start').show(); 
    }); 

    this.get('#/end', function() { 
     $('.app_page').hide(); 
     $('#end').show(); 
    }); 

});

有沒有框架或插件呢？

來源

2015-05-28 macmild gealogo

我假設你正在尋找類似於網頁之間的android過渡的東西，在這種情況下，你必須知道網絡並沒有完全準備好，儘管這是可能的，但是你必須考慮動畫頁面時發生的許多問題，例如定位（您必須將定位設置爲固定的，這可能會導致很多問題），或者長時間和沉重頁面的動畫性能。
有沒有一個成熟的JavaScript庫，我遇到過，每個人只是使用自己的代碼，因爲不同的網頁，需要不同的CSS風格。
有一個不錯的動畫的最佳方式是保持簡單和輕鬆，就像一個變換和縮放一點點的衰落效果。
如果你真的想做動畫，最好自己動手，絕對使用css動畫（而不是jquery），並在動畫完成後刪除動畫。
並編寫一個javascript函數來檢查動畫是否被支持，如果不這樣做的話。
如果你需要更多的信息讓我知道。我沒有嘗試在我自己的JavaScript框架中的頁面轉換，它工作正常，但只有我第一次100失敗後。

來源

2015-06-07 12:11:41

我建議您使用jquery animation來實現您的目標。

首先，你可以學習CSS transition（用於向左效果的頁面右側。）
其次，你可以使用帶有.show() jQuery的動畫，Example

您可以結合這些技巧來滿足你想要的。

來源

2015-06-22 09:57:57 mrjumpy

如何在單頁面應用程序中添加滑動頁面轉換？

回答

相關問題