移动端div拖动 返回首页(仿苹果返回首页按钮)

原创 lois200 随笔 工作小结 628阅读 2017-05-18 15:10:30 举报

参考了网上的文章,然后又完善了一下

大概思路:
1、实现页面的拖动效果:首先是明白移动端的touchstart touchmove touchend的用法
2、div移动其实就是它的left 和 top 的移动
3、touchstart 的时候,记录鼠标的坐标和div的偏移量,由此可以计算出鼠标和div左侧和顶部的距离
4、touchmove 的时候,记录新的鼠标坐标,用新的坐标-起点鼠标和偏移量的差值=div需要移动的距离
5、边界值限制,防止div 移出来
6、禁止底层滑动
7、跳转到首页或者百度

html 代码

代码可能还需整理和完善,望各路大神指点一二

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复