Cara Membuat Menu Tetap Mengikuti Saat Di Scroll

Cara Membuat Menu Navigation Mnegikuti Saat  Di Scroll Kebawah - Hallo sabat SuryaNewbie, Ketemu lagi sama saya, Saya akan  membagikan Script Html kepada kalian untuk mengedit menu fix scrooll pada blog kalian.
Fungsi fixed menu ini adalah untuk mempermudah pencarian menu bagi pengunjung yang berkunjung di blog kalian agar tidak susah scroll ke atas lagi melihat list menu blog dan tampilan blog semakin elegan saat di lihat. bagaimana apakah kalian tertarik?

Cara Membuat Menu Navigation Mengikuti Scroll
1. Login ke akun blogger kalian
2. Masuk ke menu blogger Tema>Edit Html
3. Cari Kode script ini dengan cara CTRL+F </style> atau ]]></b:skin>

Copy Dan Paste Letakan Kode </style> atau ]]></b:skin> (Diatasnya)

.sticky {
position:fixed; top:50px;/
* jarak dari atas*/
z-index: 100;
}

Letak Kan Script Dibawah ini Di atas kode html </body>

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
    var stickyNavTop = $('.Nav-Menu').offset().top;
    var stickyNav = function(){
        var scrollTop = $(window).scrollTop();
        if (scrollTop > stickyNavTop) {
            $('.Nav-Menu').css({ 'position': 'fixed', 'top':0, 'z-index':9999 });
        } else {
            $('.Nav-Menu').css({ 'position': 'relative' });
        }
    };
    stickyNav();
    $(window).scroll(function() {
        stickyNav();
    });
});
//]]>
</script>

Keterangan

• Nav-Menu: Ganti dengan id menu/nav kamu dengan cara (CTRL+F) cari nama Nav atau Navigation Menu dan ganti copy dan paste di kode html. 

Script ini sudah saya coba di blog ini, dan terbukti work dan berhasil, Silahkan komentar apabila kalian berhasil memasang menu scroll ini.

Surya Seorang mahasiswa yang senang membagikan informasi yang sudah saya dapatkan. Informasi yang saya tulis blog ini, sesuai pengalaman saya dari pertama blog.

Berbagi :