弹出窗口本身不会调整大小,当我减小要测试的浏览器的大小时,该弹出窗口将被隐藏,并且当我滚动时,弹出窗口将保持固定。因此,这里是一些代码。
所以我在用这个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;
}
最佳答案
Leanmodal在它的网站上似乎反应不太快。
您可以尝试使用响应更快的弹出库,例如jPopup(https://github.com/seahorsepip/jPopup)或为leanmodal编写中介查询css。