Cara Membuat Menu Header Blog Tetap Muncul Saat Halaman Discroll

Sebelum

Kali ini saya Een Pahlefi, akan membagikan tutorial cara membuat menu header blog tetap muncul saat halaman di scrool.

Sesudah

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

Keterangan : Yang berwarna merah sesuaikan dengan css header anda :)
Penulis : Een Pahlefi
Semoga Bermanfaat