Ir para conteúdo

Lucas Santos Brito

Members
  • Total de itens

    78
  • Registro em

  • Última visita

  • Dias vencidos

    2

Reputação

12 Levemente Bom

Sobre Lucas Santos Brito

  • Classificação
    Lucas Santos

Informações Pessoais

  • Sexo
    Masculino
  • Localização
    Camaçari - BA
  • Interesses
    C#, C++, PHP, HTML, CSS, LESS, SASS
  1. Lucas Santos Brito

    DIV acompanhando o SCROLL até certo ponto

    Da forma citada acima, no entanto o código JS ficaria assim: $("document").ready(function($){ var nav = $('#retangulo'); $(window).scroll(function () { /* Caso a barra de rolagem seja maior do que 60 e menor do que 800, irá adicionar ao elemento a classe que irá fixa-lo */ if ($(this).scrollTop() > 60 && $(this).scrollTop() < 800) { nav.addClass("fix-nav-menu"); } /* Caso a barra de rolagem seja maior do que 800, irá adicionar ao elemento a classe que irá torna-lo absoluto, e irá alterar o posicionamento superior para 800px */ else if ($(this).scrollTop() > 800) { nav.removeClass("fix-nav-menu"); nav.addClass("stop-nav-menu"); } /* Caso nenhuma das expressões acima sejam verdadeiras, o elemento voltará ao seu estado normal */ else { nav.removeClass("fix-nav-menu"); nav.removeClass("stop-nav-menu"); } }); }); Também não testei, mas veja se funciona. Abraços.
  2. Lucas Santos Brito

    DIV acompanhando o SCROLL até certo ponto

    Tente desta forma: Na sua folha de estilos, adicione: .fix-nav-menu { position:fixed; } Aqui o código JS: $("document").ready(function($){ var nav = $('#retangulo'); $(window).scroll(function () { /* Digo aqui, que quando a barra de rolagem estiver entre 60px e 800px, o elemento irá ganhar uma nova classe que irá fixa-lo */ if ($(this).scrollTop() > 60 && $(this).scrollTop() < 800) { nav.addClass("fix-nav-menu"); } else { nav.removeClass("fix-nav-menu"); } }); }); Altere os limites de rolagem de acordo com a sua necessidade. Abraços.
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.