1

Quero fazer o menu ficar fixo após certa rolagem,

 <script>
    $("document").ready(function($){
        var nav = $('.menu-topo');

        $(window).scroll(function () {
            if ($(this).scrollTop() > 150) {
                nav.addClass("fixo");
            } else {
                nav.removeClass("fixo");
            }
        });
    });
</script>

e o html

<div id="menu-topo">asdasdasd</div>

Não está ficando fixo. O que está errado?

1

2 Respostas 2

1

Você está usando menu-topo como id e no seletor está procurando pela classe .menu-topo em vez de #menu-topo.

1
  • 1
    A variável nav ali é um objeto jquery de length 0. Verificar a length antes de continuar desenvolvendo é interessante pra não acontecer esse tipo de erro.
    – SparK
    Commented 9/11/2017 às 19:42
0

Existe uma maneira muito mais fácil e simples de fazer isso usando apenas uma propriedade do css chamada Position: sticky.

div.sticky {
   position: -webkit-sticky;
   position: sticky;
   top: 0;
   padding: 5px;
   background-color: #cae8ca;
   border: 2px solid #4CAF50;
}

<div class="sticky">MENU</div>
1
  • Não rolou essa manha, tentei aqui e nada.
    – ElvisP
    Commented 22/04/2019 às 14:23

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .