I searched to destroy ElevateZoom on mobile devices for better user convenience and ran into the same problem. I could not scroll the web page when I tried the image. I found that the touchmove event touchmove prevented by a normal function with the following code:
b.$elem.bind("touchmove", function(a) { a.preventDefault(); b.setPosition(a.originalEvent.touches[0] || a.originalEvent.changedTouches[0]) });
I removed elevateZoom and did not touchmove with the following code.
$('#imgzoom').removeData('elevateZoom'); $('.zoomWrapper img.zoomed').unwrap(); $('.zoomContainer').remove(); $("#imgzoom").unbind("touchmove");
source share