Shrinking Bootstrap Navbar with logo on scroll

问题

I need the fixed navbar to shrink 50% when it starts scrolling.

I have seen just text navbars, but nothing with a logo. Any help would be much appreciated.

http://carpetliquidators.com/demo/

You can pull the css and html from there.

回答1:

This can be accomplished by using jQuery and a custom CSS class, like so:

$(window).scroll(function() {
    if ($(document).scrollTop() > 150) {
        $('.navbar').addClass('shrink');
    }
    else {
        $('.navbar').removeClass('shrink');
    }
});

来源：https://stackoverflow.com/questions/27050763/shrinking-bootstrap-navbar-with-logo-on-scroll