Jquery：如何正確使用翻轉動畫？ JQTOUCH

Question

我正在嘗試創建一個小翻頁書。 我有儘可能多的divs有頁面。他們都設置爲顯示：無;除非他們附有當前課程。

我有一個頁面顯示，它旁邊的頁面顯示在它旁邊。我想把它旁邊的頁面翻到另一頁面上，以便到達下一個div。

我現在所擁有的是單個頁面將翻轉而不是其旁邊的頁面。我有所有的變量設置正確，我有適當的div應該顯示時翻轉顯示他們應該什麼時候。

代碼我使用翻轉：

jQT.goTo($('#page' + currPage), 'flip'); 

誰能幫助？

Answer 1

這聽起來像你想要一個修改翻轉動畫。爲此，您需要創建一個自定義動畫here。

要獲得一些線索如何製作翻頁動畫，最好在jqtouch.css中查看「flip」動畫，從「.flip {」行開始，結束在這一行的上方：「 .slideup.in {「

我自己沒有這樣做，但我的猜測是你想（至少）玩translateY原始-webkit-transform屬性。

This demo可能會給你一些想法，修改翻轉以達到你所追求的效果。