html5 如何实现通过滑动拉出菜单

问题:

我想实现微信中往左拉消息显示菜单的效果。

hammerjs 可以方便的订阅手势事件，我通过 pan 事件来控制元素的样式来实现，虽然能实现效果，但是不流畅，也没有微信那种弹弹的感觉，也缺少一定的预判，比如往左拉再往右拉一点就能预判出来是要关闭菜单。

回答1:

自己动手实现了一下

回答2:

可以手写，想要相对流畅的话可也设置动画效果，当然会有像你说的那样的不太流畅，也可以引用框架来解决，比如说MUI（http://dev.dcloud.net.cn/mui/），里面就专门有这种的，在做项目的时候一般直接拿来用了，里面有专门的说明的嘛。如图：