title: sticky sidebar not working during scrolling
body: <p>I want to have a sticky sidebar during scrolling  and I have tried many methods but it is not working. here is my code</p>
  <pre><code> &lt;div class=&quot;row&quot;&gt;
  
          &lt;div class=&quot;col me-0 me-md-3 mb-3 mb-md-0 px-0 &quot;&gt;
  
              &lt;div class=&quot;position-relative&quot; style=&quot;top: 0;
                  left: 0;
                  width: 100%;
  
  
                  &lt;div class=&quot;bg-white b-r-s-cont shadow pb-4 position-sticky top-0&quot;&gt;
                 height: 100%;&quot;&gt;
           &lt;/div&gt;
           &lt;/div&gt;
        &lt;/div&gt;
          &lt;div class=&quot;col-12 col-md-9&quot;&gt;
         &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>