防止背景从模式打开时滚动（不是BOOTSTRAP）

Question

我从头开始创建自己的模态，并且我想防止在模式打开时在后台滚动，所有我可以在网上找到的是有关bootstrap的东西，它不是“T对我很有帮助，因为我的代码不会自动调用‘模式开’，让

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> 

Answer 1

你能不能修改你写的添加，如“模式开”身体类，所以你可以申请相应的CSS脚本？看起来像最简单的解决方案，如果你正在自定义它。