javascript - 在 elevatezoom.js data-zoom-image 的图像上滚动在移动设备上不起作用

Question

我在产品详细信息页面中对缩放图像使用了以下代码，但是当您想要滚动缩放插入的图像并且您用手指站在图像上时无法在手机中向上或向下滚动

<div class="relative d_inline_b m_bottom_10 qv_preview d_xs_block" style="height: 440px">
     <img title="Silver Diamond Band Ring" itemprop="image" style="cursor:zoom-in;position: relative;top: 50%;transform: translateY(-50%);" id="zoom_image" src="/img/product/thumb/1510161025300784.jpg" data-zoom-image="/img/product/big/1510161025299740.jpg" class="tr_all_hover" alt="Silver Diamond Band Ring">
     <a href="/images/preview_zoom_1.jpg" class="d_block button_type_5 r_corners tr_all_hover box_s_none color_light p_hr_0"><i class="fa fa-expand"></i></a>
</div>

Answer 1

通过这样做解决了问题:

在 jquery.elevatezoom.js 中搜索 touchmove 事件并从移动 View 中删除 preventDeafult()。