结构:
<div class="wrap">
<div class="inner"> //绑定touch三个事件
//内容
</div>
</div>
wrap的高宽固定住,inner宽度100%
//touchStart事件
var startY=event.pageY //获取手指初始位置
//touchMove事件
var endY = event.pageY //获取最后滑动的值
var num = startY-endY //获取手指滑动距离
再通过设置inner的transform:translateY(num)的值来实现inner的上下滑动,但是现在我碰到一个问题就是如何去判断滑倒底部/顶部停止滑动,我试了offsetTop相对于父元素的偏移没效果,一直是0(然道transform不会改变这个值?)
希望各位路过的给点思路,帮忙指点迷津,谢谢
相关分类