开发工具:
文件大小: 62kb
下载次数: 0
上传时间: 2021-01-21
详细说明:移动端的项目经常会引入手势库来实现拖拽
不过如果只是一两个页面用到拖拽,再引入一个手势库就很不划算
最近的项目中就有这么一个需求:
因为就这一个地方需要拖拽,所以我就没有引入第三方库
移动端的拖拽有两种主流的实现方案:
1. 将元素设置为固定定位,然后在拖拽的时候修改其定位,实现拖拽的效果;
2. 使用 transform 中的平移translate 属性实现拖拽。
方案一:固定定位 fixed
这种方案的核心就是给元素添加固定定位position:fixed;
但定位之后,元素会脱离文档流,会影响原有但布局
因此在开始拖拽 (触发touchstart事件) 的时候,需要将原本的元素 A
(系统自动生成,下载前可以参看下载内容)
下载文件列表
相关说明
- 本站资源为会员上传分享交流与学习,如有侵犯您的权益,请联系我们删除.
- 本站是交换下载平台,提供交流渠道,下载内容来自于网络,除下载问题外,其它问题请自行百度。
- 本站已设置防盗链,请勿用迅雷、QQ旋风等多线程下载软件下载资源,下载后用WinRAR最新版进行解压.
- 如果您发现内容无法下载,请稍后再次尝试;或者到消费记录里找到下载记录反馈给我们.
- 下载后发现下载的内容跟说明不相乎,请到消费记录里找到下载记录反馈给我们,经确认后退回积分.
- 如下载前有疑问,可以通过点击"提供者"的名字,查看对方的联系方式,联系对方咨询.