モーダルが開いているときに背景がスクロールしないようにする（BOOTSTRAPではない）

Question

モーダルが開いているときに私自身のモーダルを作成してバックグラウンドでスクロールしないようにしました。 「私に役立つトン私のコードが自動的に呼び出すことはありませんので、 『私のために動作しません

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を適用できるように、 'modal-open'のようなボディクラスを追加するために書いたスクリプトを変更することはできますか？とにかくあなたがそれを習慣にしているなら、最も簡単な解決策のようだ。