Suporte » Outros assuntos » Fixar menu de navegação durante o scroll

  • Olá, gostaria de saber como poderia fixar o menu de navegação na parte superior do site quando a pessoa rolasse a pagina. Encontrei várias formas de fazer, mas não consegui a plicar nenhuma delas no meu site. Desde já agradeço pela atenção.

    Esse é o código do meu header.php, não sei se é por ele que devo modificar:

    <!DOCTYPE html>
    <html class="no-js<?php mh_html_class(); ?>" <?php language_attributes(); ?>>
    <head>
    <link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico" />
    
    <meta charset="<?php bloginfo('charset'); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>"/>
    <?php wp_head(); ?>
    </head>
    <body <?php body_class(); ?>>
    <div class="mh-container">
    <header class="header-wrap">
    	<?php mh_logo(); ?>
    	<div class="mobile-nav"></div>
    	<nav class="main-nav clearfix">
    		<?php wp_nav_menu(array('theme_location' => 'main_nav')); ?>
    	</nav>
    </header>
Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • Isso não é WP e sim javascript.
    Segue um exemplo :

    $(function () {
        'use strict';
        $(window).bind('scroll', function () {
            if ($(window).scrollTop() > 50) {
                $('.header-wrap').addClass('fixed-menu');
            }
            else {
                $('.header-wrap').removeClass('fixed-menu');
            }
        });
    });

    Espero que tenha ajudado.
    Abraço

    Diego, devo adicionar esse trecho no próprio header? Ou criar uma função no functions? Valeu!

Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • O tópico ‘Fixar menu de navegação durante o scroll’ está fechado para novas respostas.