ポップアップの問題としてdivを設定する

Question

私は、Javaスクリプトを使用して、ポップアップとしてdivを表示しています。このポップアップは、ページがロードされてから5秒後に読み込まれます。しかし、私はポップアップを閉じると、divは閉じられていますが、私はポップアップdivを閉じた後上下にスクロールすることができません。私を修正し、これを修正する方法についての提案を提供してください

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

：

以下のコードを見つけてください。ありがとう。

Answer 1

これを見て取る：身体上のブロックがあなたのスクロールこと

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

そのだけのものを。

近くでこの操作を行います。あなたはあなたのクリックで元に戻すされていない `showPopup（）`でCSSスタイルを設定している

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

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