填充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'); 

它只是事情阻止你的身體上滾動。

在接近做到這一點：

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

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