模態彈出不響應。該網站響應和彈出裏面的內容響應以及

Question

本身不會調整彈出，當我降低了瀏覽器測試的規模，在彈出的是隱藏的，當我滾動，彈出保持固定。所以，這裏是一些代碼。

所以我用這個jquery.leanModal.min.js

這是我的HTML代碼：

<a id="modal_trigger" class="transition-effect btn" href="#modal"> 
<div id="modal" class="popupContainer" style="display:none;"> 
<section class="popupBody"> 
<div class="user_login"> 
<form method="post"> 
........ and it continues for the sign up form 

的CSS：

lean_overlay { 
    position: fixed; 

    z-index:100; 
    top: 0px; 
    left: 0px; 
    height:100%; 
    width:100%; 
    background: #000; 
    display: none; 
} 

.popupContainer{ 
    position:absolute; 

    width:50%; 
    height: auto; 
    left:45%; 
    top:80px; 
    background: #FFF; 
    display : none; 
    margin: auto; 
} 

.popupBody { 
    padding:20px; 

    box-sizing: border-box; 
    border: 3px solid cyan; 

} 

Answer 1

Leanmodal似乎並不在它的網站非常敏感。

你可以嘗試更敏感彈出庫像jPopup（https://github.com/seahorsepip/jPopup）或寫mediaqueries CSS的leanmodal。