使用Bootstrap 3向下滚动时收缩导航栏

Question

我正在使用Bootstrap 3来开发一个网站.我需要创建一个导航栏,当用户向下滚动时,该导航栏应缩小.
喜欢的东西 - http://osticket.com
如何创建这个？我使用Bootstrap的固定顶部示例作为起点 - http://getbootstrap.com/examples/navbar-fixed-top/

我需要在左侧放置一个徽标而不是文本,它应该减小其大小,因为用户向下滚动.
需要帮助尽快!
提前致谢.

Answer 1

这里记录了滚动时缩小的好例子:http://www.bootply.com/109943

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