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

我试图在用户滚动时缩小导航栏的大小。这是我的网址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 找到的例子来套装我的网站，但不能得到它的大小，任何意见，将不胜感激请，

谢谢

来源

2016-07-26 user2502658

JSFiddle示例的工作原理是因为该导航栏没有固定的高度。你的.art-nav确实。

我认为它会工作，如果你将min-height: 35px;更改为height: 35px;。

来源

2016-07-26 19:59:30 Bert

谢谢@Bert帮助别人，但我试图改变上述，而且还没有缩小。 – user2502658

我改变了上面

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

它现在的工作 - 我希望这可以用一个创建Artisteer主题:)

来源

2016-07-26 20:38:22 user2502658

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

回答

相关问题