Fixar menu de navegação durante o scroll

  • Lucas_hms

    (@lucas_hms)


    9 anos, 2 meses atrás

    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)
  • Digo Ribeiro

    (@digoribeiro)

    9 anos, 2 meses atrás

    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

    Criador do tópico Lucas_hms

    (@lucas_hms)

    9 anos, 2 meses atrás

    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.