在滾動時調整導航欄的大小

我試圖在用戶滾動時縮小導航欄的大小。這是我的網址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

在滾動時調整導航欄的大小

回答

相關問題