Menu quando desce a página.

3 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Menu quando desce a página.

Mensagem por juninho_xd 16.02.20 14:56

Detalhes da questão


Endereço do fórum: https://tech-gamers.forumbrasil.net/
Versão do fórum: PunBB

Descrição


Bom dia, gostaria de como colocar um menu quando desce a página que nem o desse fórum.

Menu quando desce a página. Sem_tz16
juninho_xd

juninho_xd
Membro

Membro desde : 25/06/2010
Mensagens : 859
Pontos : 1349

https://tech-gamex.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu quando desce a página.

Mensagem por Roevs 18.02.20 13:48

Olá,

Confira o tutorial abaixo e veja se é o efeito desejado

https://ajuda.forumeiros.com/t93863-

Até mais!
Roevs

Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu quando desce a página.

Mensagem por juninho_xd 18.02.20 15:06

Fiz o que esse tutorial pede e não surtiu efeito algum.
Meu fórum é punbb.
juninho_xd

juninho_xd
Membro

Membro desde : 25/06/2010
Mensagens : 859
Pontos : 1349

https://tech-gamex.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu quando desce a página.

Mensagem por Roevs 18.02.20 15:18

Olá,

Tente com esse código JS

Código:
jQuery(function ($) {
    function fixHancki() {
        var $selectorHancki = $('#primary_nav');
        if ($(window).scrollTop() > 100)
            $selectorHancki.css({
                'position': 'fixed',
                'top': '0px'
            });
        else
            $selectorHancki.css({
                'position': 'relative',
                'top': 'auto'
            });
    }
    $(window).scroll(fixHancki);
    fixHancki();
});

Até mais!
Roevs

Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu quando desce a página.

Mensagem por juninho_xd 21.02.20 14:31

Não resultou em nada.
juninho_xd

juninho_xd
Membro

Membro desde : 25/06/2010
Mensagens : 859
Pontos : 1349

https://tech-gamex.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu quando desce a página.

Mensagem por Roevs 21.02.20 14:59

Olá,

Substitua por esse código

Código:
$(document).scroll(function() {
  var y = $(this).scrollTop();
  if (y > 260) {
    $('#primary_nav')
      .css({
        'margin': '0 auto',
        'position': 'fixed',
        'z-index': '999',
        'margin-top': '37px',
        'width': '100%'
      });
  }
});

Até mais!
Roevs

Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Menu quando desce a página.

Mensagem por tikky 28.02.20 18:24

Questão abandonada

Esta questão foi abandonada pelo seu autor, mas foi considerada resolvida pela equipa de suporte.


De acordo com o regulamento do setor de suporte, Art. 5/Deveres, tópicos com 5 dias serão arquivados. Apesar de abandonado, este tópico tem uma solução e portanto será marcado como resolvido e movido para o arquivo de questões resolvidas.
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos