在滚动条上缩小带有徽标的Bootstrap导航条

Question

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

我已经看到只是文本navbars，但没有任何标志。任何帮助将非常感激。

http://carpetliquidators.com/demo/

你可以从那里拉CSS和HTML。

Answer 1

这可以通过使用jQuery和自定义CSS类，像这样来完成：

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