在滾動條上縮小帶有徽標的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'); 
    } 
});