移动端Turn.js踩坑总结
在head中引⼊
替换为1.7版本）。
3.x版本的，导致turning的过程中前⼀页的div定位在半屏的位置，溢出了窗⼝。（替换为1.7版本
坑⼀
坑⼀：⼀开始使⽤的jquery是3.x版本
script⾥⾯配置依赖⽂件
坑⼆：根据basic的⽰例，在yepnope配置⾥加了both:['css/basic.css'],
both:['css/basic.css']，在Chrome调试时，flipbook总是溢出窗⼝，查看basic.css⽂件坑⼆
后，果断摈弃。（懒）
.ctx与.page作⽤于同⼀容器
.page设置background-color可以设置翻页底⾊，默认为Transparent。
坑三：.page设置background-color可以设置翻页底⾊，默认为Transparent。
坑三
坑四：客户需求是超过⼀屏允许⽤户上下滑动，之前为防⽌页⾯滑动时上下抖动设置了touchmove事件监听：event.preventDefault();
touchmove事件监听：event.preventDefault()；超坑四
event.stoppropagation()；滑动卡顿。即使加过⼀屏⾼度时显⽰查看更多按钮下滑⼀屏距离并解锁滑动。在点击查看更多按钮时，错误使⽤event.stoppropagation();
-webkit-overflow-scrolling: touch；也只稍微顺畅了⼀点点。（解决⽅案：设置当前.ctx{over-flow:auto}，虽然没有解决ios端页
解决⽅案：设置当前.ctx{over-flow:auto}，虽然没有解决ios端页上-webkit-overflow-scrolling: touch;
javascript说明⾯抖抖抖，但滑动过程异常舒爽~）
Turn.js源码peel⽅法
$(this).turn('peel','br')；每⼀页默认显⽰右下折⾓。
peel——在⽹上很少说明，x,y相对应折⾓的⾓度、⼤⼩。在turned事件$(this).turn('peel','br');
坑五
坑五：peel
acceleration: true 移动端必备属性点~~~
总结到此，暂时想不到更多！望指正！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。