javascript - No scrolling after closing lightbox (blueimp) -


i built own website , wanted add different galleries, tried blueimp. works perfectly, when i'm closing lightbox, i'm not able scroll on page anymore. can please me?

here's little code snippet:

<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 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> 

in variable options declared hidepagescrollbars: false (default true), works me. see folowing code:

<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> 

Comments

Popular posts from this blog

asp.net mvc - SSO between MVCForum and Umbraco7 -

Python Tkinter keyboard using bind -

ubuntu - Selenium Node Not Connecting to Hub, Not Opening Port -