Poping div als Popup-Problem

Question

Ich benutze Java-Skript, um ein div als Pop-up anzuzeigen. Ich lade dieses Popup nach 5 Sekunden die Seite geladen ist. Aber wenn ich das pop up schließe, ist das div geschlossen, aber ich kann nicht nach oben und unten scrollen, nachdem ich das Popup div geschlossen habe.

bitte den Code unten finden:

<div id="outer-popup" 
style="position: absolute; left: 0; top: -10px; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.75); display: none; z-index: 10000"> 
<div class="popup" id="popUpWrapper"> 

    <div class="popupContainer" style="padding:0 0 0 10px;"> 


     <div class="popupClose" id="popupclose" style="float:right;width:auto;"> 
      <a href="#" class="pClose"><img 
        src="/img/src/ex.jpg"></a> 
     </div> 



     <form:form modelAttribute="dataForm" id="data_form" name="dataForm" 
        method="post" action="/dataAction" > 

      FORM DATA TO SUBMIT 
     </form:form> 
    </div> 
</div> 

<script> 
jQuery(document).ready(function() { 
    setTimeout(showPopup(), 5000); 
}); 

function showPopup() { 
    $('#outer-popup').show(0, function() { 
     $('body').css('overflow', 'hidden'); 
     $('.popup').center(); 
    }); 
} 



$("#popupclose").click(function() { 
    $("#outer-popup").css("display", "none"); 
}); 
</script> 

Bitte korrigieren Sie mich, und liefern Vorschläge, wie dies zu korrigieren. Vielen Dank.

Answer 1

werfen Sie einen Blick auf diese:

$('body').css('overflow', 'hidden'); 

Es ist nur die Sache, die Blöcke auf den Körper Ihres blättern.

Auf der Nähe tun:

$("#popupclose").click(function() { 

    $("#outer-popup").css("display", "none"); 
('body').css('overflow', 'scroll'); 
});