Ngorei NexaUI

<div class="nx-sticky" style="top: 20px">
  <div class="sticky-content">
    Ini adalah konten sticky yang akan menempel saat di-scroll
  </div>
</div>
        

<div class="nx-sticky" style="top: 60px">
  <div class="sticky-content">
    Sticky dengan offset 60px dari atas
  </div>
</div>
        

<div class="nx-sticky" style="bottom: 20px">
  <div class="sticky-content">
    Sticky yang menempel di bagian bawah
  </div>
</div>
        

<div class="sticky-wrapper">
  <div class="nx-sticky-left">
    <div class="sticky-content">Sticky Left</div>
  </div>
  <div class="content-middle">Konten Utama</div>
  <div class="nx-sticky-right">
    <div class="sticky-content">Sticky Right</div>
  </div>
</div>
        

<div class="sticky-container-demo">
  <div class="nx-sticky" style="top: 0">
    <div class="sticky-content">
      Sticky dalam container
    </div>
  </div>
  <div class="demo-content">
    Scroll container ini untuk melihat efek sticky
  </div>
</div>
        

<div class="nx-sticky z-index-1" style="top: 20px">
  <div class="sticky-content">Z-index: 1</div>
</div>
<div class="nx-sticky z-index-2" style="top: 40px">
  <div class="sticky-content">Z-index: 2</div>
</div>
        

<div class="nx-sticky-responsive">
  <div class="sticky-content">
    Sticky hanya pada desktop
  </div>
</div>