在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 關(guān)于css遮罩層可以滾動的問題

關(guān)于css遮罩層可以滾動的問題

寫了一個css遮罩，也就是類似 bootstrap中彈窗的效果

<div class="alert-container">
    <div class="alert-content">這里是彈窗內(nèi)容</div>
</div>

將alert-container的css設(shè)定為

position: fixed;
background: rgba(0,0,0,0.70);
top: 0;
bottom: 0;
left: 0;
right: 0;

可是背景之下的內(nèi)容可以滾動，不知道如何解決這個下面部分可以滾動的問題

不知道有沒有不使用js的辦法

回答
編輯回答
安于心
  1. 打開遮罩的時候給 body設(shè)置 overflow;
  2. $('body').css("overflow","hidden")
2017年10月22日 08:17
編輯回答
菊外人

遮罩層彈出的時候, 給 body 設(shè)置 height: 瀏覽器可視區(qū)高度; 并設(shè)置 body: overflow:hidden; 溢出隱藏; 這樣就不能滾動了, 遮罩層關(guān)閉時body之前設(shè)置的樣式移除;

2018年7月6日 09:47