防止背景從模式打開時滾動（不是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腳本？看起來像最簡單的解決方案，如果你正在自定義它。