Größe ändern Navbar auf Bildlauf

Question

Ich versuche, meine Navigationsleiste kleiner zu verkleinern, wenn der Benutzer scrollt. Diese meine url ist website

Ich habe diese Funktion eingefügt:

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

CSS (ein Javascript/CSS/Plugin in Wordpress):

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

ich versucht habe, kann ich nur denken um das Beispiel zu bearbeiten, das bei js fiddle zu meiner Seite gefunden wird, aber es nicht bekommen kann, um es in der Größe zu ändern, würde irgendein Rat bitte geschätzt werden,

Vielen Dank

Answer 1

Das JSFiddle-Beispiel funktioniert, weil diese Navigationsleiste keine feste Höhe hat. Ihre .art-nav tut.

Ich denke, es wird funktionieren, wenn Sie min-height: 35px; zu height: 35px; ändern.

Answer 2

änderte ich den oben

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

Es arbeitet jetzt - Ich hoffe, das andere mit einem Artisteer erstellt Thema helfen kann :)