javascript - 在滚动时调整导航栏的大小

Question

我正在尝试在用户滚动时将导航栏的大小调整得更小。这是我的网址 website

我插入了这个函数:(在 wordpress 中使用 javascript/css/插件)

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

CSS:

  nav.art-nav{
  background-color:#ccc;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
}
nav.art-nav.shrink {
  min-height: 35px;
}

我已尽我所能编辑在 js fiddle 中找到的示例适合我的网站，但无法调整大小，如有任何建议，我们将不胜感激，

谢谢

Answer 1

JSFiddle 示例之所以有效，是因为该导航栏没有固定高度。您的 .art-nav 可以。

我认为如果您将 min-height: 35px; 更改为 height: 35px; 会起作用。