Datalife Engine - Türkçe Destek ( DLE )

Yapışkan (Sticky) Header Nasıl Yapılır?

/head Üstüne Ekleyin.

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="{THEME}/js/jquery-stick.js"></script>

Şimdi bu iki tanımlamanın altına sabitlemek istediğimiz öğeyi belirteceğiz.

<script type="text/javascript">$(document).ready(function() {$('#header').scrollToFixed();});</script>

Sizin de fark edeceğiniz gibi header isimli id’ye sahip olan elemanı sabitliyoruz bu kod ile.

Örnek:

<ul class="header-menu">
<li><a href="/" title="">Anasayfa</a></li>
<li><a href="/" title="">Hakkımızda</a></li>
<li><a href="/" title="">İletişim</a></li>
</ul>

Yukarıda Belirtmiş Olduğum Örnek Menü Sabitlemek İçin, id="header" Eklememiz Lazım.
Mesela:

<ul class="header-menu" id="header"> </ul>

Veya:

<div id="header">  </div> 

Şeklinde Yapabilirsiniz.

JS Dosyasını İndirmek İçin, Ek Olarak Yandex Disk 'e Ekliyorum.