专题文章
时长:00:00更新时间:2020-11-27 20:04:40
代码在这里:戳我;1.说明;父容器overflow:hidden;,子页面transform:translateX(-100%);width:100%。2.核心解析;2.1 页面初始化;由于所有页面都在手机屏幕左侧一个屏幕宽度的位置,因此最开始的情况是页面中看不到任何一个子页面,所以第一步应该设置应该显示的子页面,默认情况下defaultIndex:0。;2.2 容器滑动开始(onTouchStart)。在低版本的android手机上,设置event.preventDefault()会起到一定的性能提升作用,使得滑动起来不是那么卡。前置工作。如果用户设置了 prevent:true,滑动时阻止默认行为。如果动画尚未结束,阻止滑动。设置dragging:true,滑动开始。
查看详情