防止背景从模式打开时滚动(不是BOOTSTRAP)
问题描述:
我从头开始创建自己的模态,并且我想防止在模式打开时在后台滚动,所有我可以在网上找到的是有关bootstrap的东西,它不是“T对我很有帮助,因为我的代码不会自动调用‘模式开’,让防止背景从模式打开时滚动(不是BOOTSTRAP)
body.modal-open{ overflow:hidden; }
不为我工作。
<div id="wrapper3">
<a class="button" href="#openModal-4">
<img class="image"src="img/Animation.png">
<p class="text">Animation</p>
</a>
</div>
<div id="openModal-4" class="modalbg">
<div class="dialog">
<a href="#close" title="Close" class="close">X</a>
<div class="popout">
<h1>2D Animation Project</h1>
<div>
<h2>Project Brief</h2>
<a class="modalfullimg"><img src="img/Design/moodboard.png"></a>
</div>
<h2>Sketches</h2>
<a class="modalfullimg"><img src="img/Design/initialsketches.png"></a>
</div>
</div>
</div>
答
你能不能修改你写的添加,如“模式开”身体类,所以你可以申请相应的CSS脚本?看起来像最简单的解决方案,如果你正在自定义它。