title: How to make a preloader hide the scroll bar?
body: <p>I made a preloader but when playing it, scrollbars are visible. How to remove them? JS has <code>display: none;</code> because preloader is set to <code>display: flex;</code></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(window).on('load', function() {
    $('.preloader').delay(500).fadeOut('slow', function() {
      $(this).attr('style', 'display: none !important');
    });
  });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10002;
    background-color: #fefefe;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="preloader d-flex align-items-center justify-content-center"&gt;
    &lt;div class="spinner-border text-danger" style="width: 10rem; height: 
               10rem;" role="status"&gt;
      &lt;span class="sr-only"&gt;Loading...&lt;/span&gt;
    &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>