javascript - 在桌面上使用鼠标滑动手势，如 Photoswipe，但为 div 设置动画

Question

我正在寻找一个像Photoswipe这样的脚本，它可以在桌面上运行鼠标事件，模拟滑动手势。没有缩略图的 Photoswipe 是完美的——只是我不仅要为图像制作动画，还要为整个 div 制作动画！

Answer 1

第一个好看的结果是一个名为jQuery mouseSwipe的 jQuery 插件。但是这个脚本只在包含视觉移动项目的父 div 周围移动。如果这还不够，你应该考虑为自己写一些东西。

监听mousedown和mouseup事件并检查从起点到终点的距离。如果它高于您定义的阈值，例如 100 像素，则根据移动方向转到下一个或上一个元素。

如果您希望它具有动画效果，您还应该监听mousemove事件并移动元素。