it-swarm.com.de

Wie füge ich eine feste Position in der Menüklasse für das Twenty Twelve Theme hinzu?

Ich habe mir bereits viele Query-Beispiele angesehen, wie man das Menü klebrig macht. Ich habe diese Tutorials auf saubere HTML-Seiten angewendet und sie haben perfekt funktioniert. Wenn ich jedoch versuche, es auf das Thema Twenty Twelve anzuwenden, passiert nichts. Das feste Attribut wird der Menüklasse nicht hinzugefügt.

Dies ist das CSS:

.sticky {
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 100;
border-top: 0;
}

Das ist mein Menü:

<nav id="site-navigation" class="main-navigation" role="navigation">
        <h3 class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></h3>
        <a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a>
        <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
</nav><!-- #site-navigation -->

Dies ist die JQUERY:

$(document).ready(function() {
var stickyNavTop = $('.main-navigation').offset().top;

var stickyNav = function(){
var scrollTop = $(window).scrollTop();

if (scrollTop > stickyNavTop) { 
    $('.main-navigation').addClass('sticky');
} else {
    $('.main-navigation').removeClass('sticky'); 
}
};

stickyNav();

$(window).scroll(function() {
    stickyNav();
});
});

Vermisse ich etwas?

1
Gixty

Ich habe einen Weg gefunden, es zum Laufen zu bringen.

Ich musste setzen: <?php wp_enqueue_script('jquery'); ?> vor <?php wp_head(); ?> und dann den jquery Code.

Wenn es einen besseren, saubereren Weg gibt, lass es mich bitte wissen.

1
Gixty