Skip to main content

Sticky

Scroll anında sticky olması için kullanılır.

data-mobile="true" durumunda sadece mobilde sticky olarak çalışır. data-mobile="false" durumunda tüm tarayıcılarda çalışır. default değeri false'dır.data-scroll="180" yazılınca element en üst alandan 180px daha yukarı çıkınca sticky olarak çalışır. default değeri 0'dır.data-class="header-sticky" yazılınca element sticky olarak çalışırken kullanılacak class'ı belirtir. default değeri "sticky"dır.data-parent="#header-middle" yazılınca sticky olarak çalışırken kullanılacak parent elementi belirtir. belirtilmesi zorunludur.
Örnek kullanım
<div id="header-sticky" class="w-100 bg-white" data-toggle="sticky" data-parent="#header-middle" data-class="header-sticky" data-scroll="180" data-direction="true" data-mobile="false">
my dear sticky element
</div>