缩小带有徽标的Bootstrap Navbar滚动 [英] Shrinking Bootstrap Navbar with logo on scroll

问题描述

我需要固定的导航栏，当它开始滚动缩小50％。

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 /

您可以从中拉取css和html。

You can pull the css and html from there.

推荐答案

这可以通过使用jQuery和一个自定义的CSS类来实现，例如：

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');
    }
});

这篇关于缩小带有徽标的Bootstrap Navbar滚动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！