Cara Biar Menu Blog atu WEB Tetap Ditempat Saat di Scroll

Assalamu'alaikum,,,

Sekarang akan saya kasih bagaimana caranya biar menu blog atau WEB kamu tetap fix di tempat saat scroll berjalan,

Untuk membuatnya langsung saja ikuti langkah-langkahnya:

1. Buka Menu Template, pastinya.

2. Cari kode </head>

3. Pastekan Kode berikut di atas kode </head> tersebut

 <script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function(){
var jQwadah = jQuery("#menuwrapper");
var jQluhur = jQwadah.offset().top;
var jQatur = jQuery(document);

jQuery(window).scroll(function() {
cicing = jQatur.scrollTop() - jQluhur;
if(cicing < 0)
jQwadah.offset({top: jQluhur});
else
jQwadah.offset({top: jQatur.scrollTop()});
});
});
//]]>
</script>

Untuk Id nya seperti (#menuwrapper) tapi itu disesuaikan dengan id dari konten kamu akan buat menjadi fixed setelah di scroll.

4. Simpan Template anda.

Catatan:

Jika tidak terjadi perubahan apa-apa pada template anda, itu dikarenakan ada satu hal penting yang berlum ada di template anda yaitu JQuery

Untuk menambahkannya ke template anda, maka Pastekan kode berikut di atas </head>

 <script src='http://code.jquery.com/jquery-1.6.4.js' type='text/javascript'/>

Cara Biar Menu Blog atu WEB Tetap Ditempat Saat di Scroll

0 komentar:

Post a Comment

Chat Us

Recent Posts

Artikel Terkait

Kategori

Followers