猿问

关于移动端手指滑动的问题

结构:


<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不会改变这个值?)

希望各位路过的给点思路,帮忙指点迷津,谢谢


桃花长相依
浏览 385回答 1
1回答
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答