Android PhoneGap應用中的觸摸頁面導航

Question

我正在爲Android平臺製作PhoneGap應用程序。我希望頁面導航從左到右和從右到左觸摸移動。你能幫我嗎我該怎麼做。

謝謝。

Answer 1

請按照這些教程。但你用CSS做動畫。通過添加類名。這就是我在圖像傳送帶中從右向左滑動圖像所具有的功能。

因此，要回答您的問題： 1.熟悉觸摸代碼和「快速按鈕」 2.瞭解CSS中的關鍵幀。

/* Transitions */ 
.sliding .in { 
    -webkit-animation-name: slideinfromright; 
} 
.sliding .out { 
    -webkit-animation-name: slideouttoleft; 
} 

@-webkit-keyframes slideinfromright { 
    0% { 
    -webkit-transform: translate3d(100%, 0, 0); 
    } 

    100% { 
    -webkit-transform: translate3d(0, 0, 0); 
    } 
} 

@-webkit-keyframes slideouttoleft { 
    0% { 
    -webkit-transform: translate3d(0, 0, 0); 
    } 

    100% { 
    -webkit-transform: translate3d(-100%, 0, 0); 
    } 
}