title: Prevent modal in hiding scrollbar in materializecss
body: <p>Whenever I open a modal from Materializecss, the scrollbar (my body has inline scrollbar) hides everytime. What should I do so that whenever I open a modal, the body's scrollbar will remain? </p>
  
  <pre><code>&lt;body&gt;
          &lt;div id="modal_confirm_block" class="modal modal_dialog"&gt;
              &lt;div class="modal-content white" id="modal_confirm_co_content" style="padding:0px !important;"&gt;
                  &lt;div id="div_available" class="center-align" style="padding: 20px !important;"&gt; &lt;i class="material-icons md-12 noselect center-align amber-text darken-4" &gt; warning&lt;/i&gt;&lt;br&gt;
                      &lt;p style="padding:20px !important;" class="center-align"&gt; Are you sure you want to block this guest? &lt;/p&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="modal-footer"&gt;
                  &lt;div class="row" style="margin: 0 !important;"&gt;
                      &lt;div class="col s6"&gt; &lt;a href="#!" id="btn_confirm_block" class=" cyan darken-2 white-text modal-action waves-effect waves-white btn" style="width:100% !important;"&gt;Confirm&lt;/a&gt;&lt;/div&gt;
                      &lt;div class="col s6"&gt;    &lt;a href="#!" id="btn_cancel_block" class="blue-grey darken-4 white-text  modal-action modal-close waves-effect waves-white btn" style="width:100% !important; "&gt;Cancel&lt;/a&gt;&lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/u7nac.png" rel="nofollow noreferrer">Screenshot before opening a modal</a> <br>
  <a href="https://i.stack.imgur.com/vFL4W.png" rel="nofollow noreferrer">Screenshot when a modal opens. Look at the scrollbar it was removed. And I don't like that because the screen always move.</a></p>