title: Sticky element in adminlte
body: <p>Currently I'm working with adminlte template, and I want to make an element with sticky behavior, but I don't know it seems I can't do it even placing in diverent div's.</p>
  
  <p>I want to place the sticky div under the navbar(in this orange div):<br>
  <a href="https://i.stack.imgur.com/7DXn0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7DXn0.png" alt="i want to place the sticky div under the navbar(in this orange div)"></a></p>
  
  <p>CSS:</p>
  
  <pre><code>.sticky{
    position: -webkit-sticky;
    position: sticky;
    width: 100%;
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>@section('content')
  &lt;div id="page-top" style="margin-top: -15px "&gt;
  &lt;div class="sticky" style="background: #66c1bd;height: 3em;top:0px;position: sticky;position: -webkit-sticky;"&gt;
          test
        &lt;/div&gt;
    &lt;!-- multistep form --&gt;
    &lt;!-- The Modal --&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Even I use inline CSS still not working,</p>
  
  <p>The preview</p>
  
  <p>beginning:<br>
  <a href="https://i.stack.imgur.com/83Mon.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/83Mon.png" alt="beginning"></a></p>
  
  <p>after scroll a bit:<br>
  <a href="https://i.stack.imgur.com/diBWQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/diBWQ.png" alt="after scroll a bit"></a></p>
  
  <p>Another info, I'm using laravel. But don't think it is the problem.</p>