如何隱藏提升縮放外滾動？

我使用提升變焦，以便每當它懸停在一個圖像顯示它我們圖像的一部分的放大部分。在我的項目中，圖像位於卷軸內。在滾動範圍外應用提升縮放時，也會投影。所以我的問題是如何隱藏它。這是一個我們面臨的問題的小例子。如何隱藏提升縮放外滾動？

問題演示

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"});

來源

2016-11-16 Jeeva

縮放時無法滾動。爲什麼滾動條呢？另外，在這種情況下，用戶必須滾動才能看到更多圖像，這並沒有多大意義。 –

在這裏你可以滾動。 https://jsfiddle.net/tabsheerabdulla/jd181oz9/6/。我們的項目使用長照片。 – Jeeva

你必須設置圖片的寬度例如： IMG ID = 「zoom_01」風格= 「寬度：200像素」 ...... 和滾動股利的設置適當的寬度例如 DIV style =「width：400px」class =「scroll」..

來源

2016-11-16 05:34:03

可以f ??嗎？這樣我纔能有一個正確的理解。 – Jeeva

如何隱藏提升縮放外滾動？

回答

相關問題