2015-04-25 15 views
6

Tôi đã xây dựng trang web của riêng mình và muốn thêm các phòng trưng bày khác nhau, vì vậy tôi đã thử dùng blueimp. Nó hoạt động hoàn hảo, nhưng khi tôi đóng hộp đèn, tôi không thể cuộn trên trang của mình nữa. Ai đó có thể giúp tôi không?Không cuộn sau khi đóng hộp đèn (blueimp)

Dưới đây là một đoạn mã nhỏ:

<div id="artworks"> 
    <a href="gallery/artworks/test1.jpg" title="test1" data-gallery="#blueimp-gallery-artworks" class="btn btn-primary btn-lg" role="button">TAKE A LOOK</a> 
    <a href="gallery/artworks/test2.jpg" title="test2" data-gallery="#blueimp-gallery-artworks"></a> 
</div> 

<!-- blueimp Gallery lightbox --> 
<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls"> 
    <div class="slides"></div> 
    <h3 class="title"></h3> 
    <a class="prev">‹</a> 
    <a class="next">›</a> 
    <a class="close">×</a> 
    <a class="play-pause"></a> 
    <ol class="indicator"></ol> 
</div> 

<!-- scripts --> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/jquery.blueimp-gallery.min.js"></script> 
<script> 
document.getElementById('artworks').onclick = function (event) { 
    event = event || window.event; 
    var target = event.target || event.srcElement, 
     link = target.src ? target.parentNode : target, 
     options = {index: link, event: event}, 
     links = this.getElementsByTagName('a'); 
    blueimp.Gallery(links, options); 
}; 
</script> 
+0

bạn có thể hiển thị bản trình diễn làm việc (trên jsfiddle hoặc một cái gì đó) không? Khó có thể nói chỉ với một chút mã. Có thể là một 'overflow: hidden' mà không bị loại bỏ bởi plugin hoặc cái gì đó, nhưng đó chỉ là một phỏng đoán mà không thấy mã đang hoạt động. – Pevara

+0

Xin chào, cảm ơn câu trả lời của bạn. Tôi đã cố gắng để xây dựng một bản demo làm việc, nhưng nó phức tạp. Tôi nghĩ rằng, nó dễ dàng hơn, nếu bạn truy cập vào trang web của tôi để thay thế;) www.zoesch.net – zoesch

Trả lời

6

Trong các tùy chọn biến được khai báo hidePageScrollbars: false (mặc định là đúng), điều này phù hợp với tôi. Xem mã folowing:

<script> 
    document.getElementById('artworks').onclick = function (event) { 
    event = event || window.event; 
    var target = event.target || event.srcElement, 
     link = target.src ? target.parentNode : target, 
     options = {index: link, event: event, hidePageScrollbars: false}, 
     links = this.getElementsByTagName('a'); 
    blueimp.Gallery(links, options); 
    }; 
</script> 
1

Trong trường hợp của tôi, tôi đã vô tình thêm nhiều kịch bản bluimp. Tôi loại bỏ các khác và giữ chỉ là một tập tin js cho các plugin sau đó nó cố định.

Các vấn đề liên quan