移动/滑动页面左/右用户用手指触摸设备向左滑动/右移

Question

我希望当用户使用他们的手指在触摸设备（android/tablet）上向左/右滑动时，我的网页可以更改。我发现下面的源代码的作品，我需要：

http://padilicious.com/code/touchevents/

但是，有一些限制。它不会将页面/元素向左/向右移动/滑动。它只是改变页面（href /页面位置）。所以，用户不知道他们是否正确滑动它。

但触摸屏设备，如画廊，你可以看到，当用户滑动左/右图像移动到左/右为用户移动手指，它消失了左/右，当用户结束幻灯片上。

我想要做那样的事情。

因此，当用户移动手指我的网页会随着手指移动过，当他取出手指我的网页会去左/右采用滑盖的过渡效果。

这里是页过渡的示例代码...

http://www.w3schools.com/jquerymobile/tryit.asp?filename=tryjqmob_trans_slide

希望有意义..

Answer 1

您可以使用jQt捕捉触摸屏滑动事件。捕获这些事件后，您可以轻松地创建一个可根据需要导航的应用程序。另外jQt有它自己的webkit动画。他们很酷。

您也可以检查这个Safari Web Content Guide来自己捕获这些事件。

另一个不错的tutorial用于检测触摸屏的滑动。