jquery stick menu when scrolled

if page scrolled, menu disappear to the top. keep it stick on the top with this.

found it here and fiddled it here

Here is the code

$(document).ready(function () {
    var stickyNavTop = $('.nav').offset().top;
    var stickyNav = function () {
        var scrollTop = $(window).scrollTop();
        if (scrollTop > stickyNavTop) {
            $('.nav').addClass('sticky');
        } else {
            $('.nav').removeClass('sticky');
        }
    };
    stickyNav();
    $(window).scroll(function () {
        stickyNav();
    });
});

Comments