title: Disable scrolling and handle Close method for Sidebar in BootstrapVue
body: <p>I would like to ask 2 questions about <strong>Sidebar</strong> in <strong>BootstrapVue</strong>.</p>
  
  <ol>
  <li><strong>Disable scrolling</strong> after opened Sidebar</li>
  <li>How to <strong>handle closing method</strong> when click outside the Sidebar (<strong>Backdrop</strong>) </li>
  </ol>
  
  <p>I'm using <a href="https://bootstrap-vue.org/docs/components/sidebar" rel="noreferrer">https://bootstrap-vue.org/docs/components/sidebar</a></p>
  
  <p><a href="https://i.stack.imgur.com/kQn2z.png" rel="noreferrer"><img src="https://i.stack.imgur.com/kQn2z.png" alt="enter image description here"></a></p>
  
  <pre><code>&lt;template&gt;
    &lt;div&gt;
      &lt;b-button v-b-toggle.sidebar-backdrop&gt;Toggle sSidebar&lt;/b-button&gt;
      &lt;b-sidebar
        id="sidebar-backdrop"
        title="Sidebar with backdrop"
        backdrop
        shadow
      &gt;
        &lt;div class="px-3 py-2"&gt;
          &lt;p&gt;
            Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis
            in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
          &lt;/p&gt;
          &lt;b-img src="https://picsum.photos/500/500/?image=54" fluid thumbnail&gt;&lt;/b-img&gt;
        &lt;/div&gt;
      &lt;/b-sidebar&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p><strong>Thank you and appreciate.</strong></p>