Wie mache ich meine Lightbox nicht scrollen?

Question

http://www.markthatred.com/ Ich habe diese Seite, wenn Sie zum Abschnitt Meine Werke gehen und auf ein Thumbnail klicken, wird ein Leuchtkasten erscheinen, aber es funktioniert gut, aber wie kann ich es nicht nicht scrollbar machen, während es auf Lightbox ist?

html

<!-- thumbnail image wrapped in a link --> 
<a href="#img1"> 
    <img alt="Eiffel Tower Web Design Mockup - Mark That RedWeb Design Mockup" class="works-feature-thumb" src="images/lightbox-1-t.jpg"/> 
</a> 
<!-- lightbox container hidden with CSS --> 
<a href="#_" class="lightbox" id="img1"> 
    <img alt="Law Attorney Web Design Mockup - Mark That Red Web Design Mockup Philippines" src="images/lightbox-1.jpg"/> 
</a> 

css

.lightbox { 
    /** Default lightbox to hidden */ 
     display: none; 

    /** Position and style */ 
     position: fixed; 
     z-index: 999; 
     width: 100%; 
     height: 100%; 
    text-align: center; 
      top: 0; 
      left: 0; 
    background: rgba(0,0,0,0.8); 
} 

.lightbox img { 
    /** Pad the lightbox image */ 
    max-width: 95%; 
    max-height: 90%; 
    margin-top: 2%; 
} 

.lightbox img:hover { 
    opacity: 1; 
} 

.lightbox:target { 
    /** Remove default browser outline */ 
    outline: none; 

    /** Unhide lightbox **/ 
    display: block; 
    overflow: hidden; 
} 

Answer 1

Wenn Sie dieses Skript hinzufügen, wird es funktionieren.

$(document).ready(function(){ 
    $(".works-feature").click(function(){ 
     $("body").css("overflow","hidden"); 
    }); 
    $(".lightbox").click(function(){ 
     $("body").css("overflow","auto"); 
    }); 
}); 

Answer 2

Sie einfach ein overflow: hidden zum HTML-Elemente hinzufügen könnte, solange die Leuchtkasten aktiv sind. Ich weiß nicht, welchen Leuchtkasten Sie verwenden, aber es gibt wahrscheinlich einige Rückrufe wie "onOpen" und "onClose":