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），或者为leanmodal编写mediaqueries css。

模态弹出窗口没有响应。该网站是响应式的，弹出窗口内的内容也是响应式的

1 个答案: