触摸页面导航，适用于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);
  }
}