Question

我正在使用提升变焦，这样每当它悬停在图像上时，它就会向我们显示图像部分的缩放部分。在我的项目中，图像在滚动内。在卷轴外部应用提升缩放时，也会对其进行投影。所以我的问题是如何隐藏它。这是我面临的问题的一个示例。

问题演示

HTML

<h1>Image Constrain ElevateZoom</h1>
<div class="scroll">
<img id="zoom_01" src='https://www.guthriegreen.com/sites/default/files/Kung-Fu-Panda-6%5B1%5D.jpg' data-zoom-image="https://www.guthriegreen.com/sites/default/files/Kung-Fu-Panda-6%5B1%5D.jpg"/>
</div>

的CSS

#zoom_01 {
  width: 400px;
  }
  .scroll {
    width:200px;
    height:200px;
    overflow: scroll;
  }

的Javascript

 $("#zoom_01").elevateZoom({ zoomType: "lens", containLensZoom: true, gallery:'gallery_01', cursor: 'pointer', galleryActiveClass: "active"});

Answer 1

您必须设置Image的宽度，例如： img id =＆＃34; zoom_01＆＃34;风格=＆＃34;宽度：200像素＆＃34; ... 并设置适当的Scroll Div宽度 div style =＆＃34; width：400px＆＃34; class =＆＃34; scroll＆＃34; ..

如何隐藏提升缩放外滚动？

1 个答案: