手势翻页功能

来源:6-7 书签功能实现

whis_per

2019-07-31

为什么要额外添加onMaskCLick点击事件呢,不可以直接使用原来的initGesture呢?在定义了onMaskCLick之后,翻页手势就不生效了,这是为什么?

写回答

1回答

Sam

2019-07-31

hi,这个问题挺好,涉及技术选型,这里原因主要是:epubjs对手势事件支持不够好,无法支持touchmove事件,导致我们无法实现手势下拉加载书签功能,所以只能通过mask实现,而mask使用点击翻页的主要原因是要将手势事件留给书签功能,如果要兼容也可以实现,只是实现逻辑比较复杂,而且实际操作感受也不是特别好,毕竟h5的手势与native差距较大

0
2
Sam
回复
whis_per
可以用你的思路来实现翻页,但是会和书签下拉手势有冲突(因为你左右滑动时通常不是水平的,也会在垂直方向上移动,这时就会触发书签下拉事件,导致两个事件被同时触发),这个算法调教过程比较复杂
2019-07-31
共2条回复

Vue 实战商业级读书Web APP完整项目

Vue全家桶+最新前端技术+前后端分离架构,完整项目流程

1610 学习 · 1951 问题

查看课程