缩小Bootstrap Navbar，滚动上有徽标

Question

我需要固定的导航栏在开始滚动时缩小50％。

我只看过文本导航栏，但没有标识。任何帮助将不胜感激。

http://carpetliquidators.com/demo/

你可以从那里拉出css和html。

Answer 1

这可以通过使用jQuery和自定义CSS类来实现，如下所示：

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