Css 卷轴上带有徽标的收缩引导导航栏

我需要固定导航栏收缩50%，当它开始滚动

我只看到文本导航栏，但没有看到带有徽标的内容。任何帮助都将不胜感激

---

您可以从那里提取css和html。

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

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

---

如果您需要一些帮助，您应该在页面中添加一些代码以及您所拥有的内容，我相信您将需要javascript。这个链接不再起作用了。你能帮我更新一下吗？看起来链接已经死了，所以我把它们删除了。