Klebriges Menü für WP benutzerdefinierte Menüleisten

Das scheint einfach zu sein, außer dass ich es nicht herausfinden kann.

In einem WordPress-Theme, wie kann ich eine benutzerdefinierte Menüleiste unter dem Header-Bild-Stick an der Spitze nach dem Scrollen auf der Seite machen?

Beispielseiten sind www.riverviewford.com und www.forexfactory.com .

Hier ist der Code, den ich im Internet gefunden habe und versuche, in WordPress zu verwenden. http://jsfiddle.net/uFq2k/3/

Wie rufe ich tatsächlich das Skript an und woher? Danke im Voraus.

Solutions Collecting From Web of "Klebriges Menü für WP benutzerdefinierte Menüleisten"

Was Sie tun könnten, ist folgendes:

1) Erstellen Sie eine Javascript-Datei und fügen Sie folgenden Inhalt hinzu:

$(function(){ var stickyHeaderTop = $('#stickyheader').offset().top; $(window).scroll(function(){ if( $(window).scrollTop() > stickyHeaderTop ) { $('#stickyheader').css({position: 'fixed', top: '0px'}); } else { $('#stickyheader').css({position: 'static', top: '0px'}); } }); }); 

2) Speichern Sie diese Datei in Ihrem stickyheader.js als (zum Beispiel) stickyheader.js .
3) Setzen Sie den folgenden Code in die functions.php Ihres Themes:

 do_action( 'after_setup_theme', 'wpse101288_enqueue_script' ); function wpse101288_enqueue_script() { wp_register_script( 'stickyheader', get_template_directory_uri() . '/stickyheader.js', array( 'jquery' ) ); } 

4) Setzen Sie das gewünschte Menü zwischen den folgenden Code:

  

oder noch besser, fügen Sie id="stickyheader" zu dem bestehenden Element hinzu, in dem sich Ihr Menü befindet.