Jquery 更改菜单'；滚动时的高度

我想为我的网站，当我向下滚动，以尽量减少菜单的高度。例如，我的收割台是固定顶部，高度为150px。当我向下滚动时，我想调整高度：50px

我使用的是bootstrap3。因此我的标题类是

.navbar.navbar fixed top。

---

你能告诉我怎么做吗？

这是简单的jquery解决方案

$(window).scroll(function (event) {
        var y = $(this).scrollTop(); //set position from top when to change style in pixels
        if (y >= 300) {
            $('#header').addClass('resized');
        } else {
            $('#header').removeClass('resized');
        }
    });

CSS:

---

这是简单的jquery解决方案

$(window).scroll(function (event) {
        var y = $(this).scrollTop(); //set position from top when to change style in pixels
        if (y >= 300) {
            $('#header').addClass('resized');
        } else {
            $('#header').removeClass('resized');
        }
    });

CSS:

---

谢谢你的回答。非常有帮助！对我来说，它可以和我电脑上的HTML文件一起工作，但不能在线，一个主意？谢谢你的回答。非常有帮助！对我来说，它可以在我的电脑上处理HTML文件，但不能在线，好吗？