Elevatezoom的图像不在手机中滚动

Question

Elevatezoom的图像不在手机中滚动

当有一张Elevatezoom插图的图片你想要滚动而你用手指站在图像上无法在手机中向上或向下滚动

需要帮忙

Answer 1

我想在移动设备上销毁 elevateZoom 以获得更好的用户体验，但遇到了同样的问题。当我尝试浏览图像时，我无法滚动网页。我发现touchmove通过以下代码可以阻止该事件正常运行：

b.$elem.bind("touchmove", function(a) {
            a.preventDefault();
            b.setPosition(a.originalEvent.touches[0] || a.originalEvent.changedTouches[0])
        });

touchmove我删除了 elevateZoom 并使用以下代码取消绑定。

        $('#imgzoom').removeData('elevateZoom');
        $('.zoomWrapper img.zoomed').unwrap();
        $('.zoomContainer').remove();
        $("#imgzoom").unbind("touchmove");