2015-04-25 11 views
6

Ho creato il mio sito Web e volevo aggiungere diverse gallerie, quindi ho provato il blueimp. Funziona perfettamente, ma quando chiudo la lightbox, non riesco più a scorrere sulla mia pagina. Qualcuno può aiutarmi?Nessuno scorrimento dopo la chiusura lightbox (blueimp)

Ecco un piccolo frammento di codice:

<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

puoi mostrare una demo funzionante (su jsfiddle o qualcosa del genere)? Difficile dire con solo quel pezzetto di codice. Probabilmente un 'overflow: hidden' che non viene rimosso dal plugin o qualcosa del genere, ma è solo un'ipotesi senza vedere il codice in azione. – Pevara

+0

Ehi, grazie per la tua risposta. Ho provato a costruire una demo funzionante, ma è complessa. Penso che sia più facile se visiti il ​​mio sito web;) www.zoesch.net – zoesch

risposta

6

Nelle opzioni di variabile dichiarate hidePageScrollbars: false (il valore predefinito è true), questo funziona per me. Vedere il seguente codice:

<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

Nel mio caso ho accidentalmente aggiunto più script bluimp. Ho rimosso l'altro e manterrò solo un file js per il plug-in.

Problemi correlati