H5 单页面手势滑屏切换demo

这是参照博客园一篇文章做的demo，文章是 H5单页面手势滑屏切换原理。 博主写得非常详细，于是自己也想动手写一个。

实现功能如下：

1. 手指在屏幕上滑动时，页面跟随移动
2. 当手指离开屏幕时，计算手指在屏幕上停留的时间
   • 如果停留时间小于300ms，则认为是快速滑动切换，页面切换到下一页
   • 如果停留时间大于300ms,则认为是慢速滑动，慢速滑动按如下规则处理：
     • 如果滑动距离小于屏幕宽度的50%，则回退到上一页
     • 如果滑动距离大于屏幕宽度的50%，则切换到下一页
3. 页面可循环滑动
4. 点击代表页码的小圆点可直接跳到指定的页面

效果预览：