移动垂直滚动不起作用 *Sprite Spin*

Question

目标

我们的目标是使用 sprite spin 或类似的东西来创建即插即用的 360 产品查看器。

问题

我已经让 360 度视图完美运行，但仅在移动设备上它不允许您垂直向下滚动图像。在最终的项目中，产品是全宽的，你无法避免。

当前进度

我已经厌倦了很多事情

$("#mySpriteSpin").spritespin({
  //Function Settings
}).on("touchstart touchmove touchend scroll", function(e){
   e.preventDefault();
});

手动添加触摸滚动（这会一起禁用它）。

JSFiddle - https://jsfiddle.net/gxzfgugk/1/

Answer 1

您是否尝试将 pointer-events: none; 添加到包装 #mySpriteSpin 的 div 中？

<div style="pointer-events: none;">      
    <div id="mySpriteSpin"></div>
</div>

仅当用户使用移动设备时才这样做。这个解决方案对我有用。