Seperti biasa sebelumnya pasti anda sudah harus Login :D , dan masuk ke bagian Edit HTML
Copy script dibawah ini, lalu pastekan pada bagian dalam body, <body>Pastekan scriptnya</body>.
Mau dibawah <body> atau diatas </body> itu ga masalah, yang penting dalam body ya :)
Pada script dibawah, teks yang berwarna hijau artinya keterangannya. Dan teks yang berwarna merah arttinya ID atau CLASS yang harus anda masukan untuk membuat menu yang dipilih melayang.
<!-- Menu Melayang -->
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
// Menentukan elemen yang dijadikan sticky yaitu .nav
var stickyNavTop = $('.navigation-menu').offset().top;
var stickyNav = function(){
var scrollTop =
$(window).scrollTop();
// Kondisi jika discroll maka menu akan selalu diatas, dan
sebaliknya
if (scrollTop > stickyNavTop)
{
$('.navigation-menu').css({ 'position': 'fixed', 'top':0,
'z-index':9999 });
} else {
$('.navigation-menu').css({ 'position': 'relative' });
}
};
// Jalankan fungsi
stickyNav();
$(window).scroll(function() {
stickyNav();
});
});
//]]>
</script>
<!-- End Menu Melayang -->
Sekian, terimakasih semoga bermanfaat :)