移动端JS实现拖拽的两种方法分别如何详细解析？

本文共计1430个文字，预计阅读时间需要6分钟。

移动端项目经常需要引入手势库来实现滑动功能。若项目仅涉及单个页面，直接使用手势库可能不太划算。最近的项⽬中就有这样的需求：因为这一功能需要滑动，所以我决定引入一个手势库。

移动端的项目经常会引入手势库来实现拖拽

不过如果只是一两个页面用到拖拽，再引入一个手势库就很不划算

最近的项目中就有这么一个需求：

因为就这一个地方需要拖拽，所以我就没有引入第三方库

移动端的拖拽有两种主流的实现方案：

1. 将元素设置为固定定位，然后在拖拽的时候修改其定位，实现拖拽的效果；

2. 使用 transform 中的平移translate 属性实现拖拽。