Question

我的页面中有一个简单的弹出模式，我希望在滚动页面时保持该模式。

这是我的模态

<div class="modale" id="ouibounce-modal" style="display:none">
            <button type="button" id="pop_up_close" class="close" data-dismiss="modal">&times;</button>
            <img id="pop_up" src="images/caly_popup.png">
</div>

这是我的解决方法

.modale {
    height: calc(100vh - 126px);
    overflow-y:scroll;
  }

这不起作用，我需要怎么做才能使它起作用？

Answer 1

尝试一下

  

 .modale {
    height:100vh;
    overflow-y:scroll;
    position: fixed;
    background: red;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    margin:auto;
  
  }

<div class="modale" id="ouibounce-modal">
            <button type="button" id="pop_up_close" class="close" data-dismiss="modal">&times;</button>
            <img id="pop_up" src="images/caly_popup.png">
</div>

如何使模式保持滚动状态

1 个答案: