Fixar menu no topo

3 participantes

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

Tópico resolvido Fixar menu no topo

Mensagem por Srblu3 03.01.19 13:31

Detalhes da questão


Endereço do fórum: http://srblu3forum.forumeiros.com/
Versão do fórum: Invision

Descrição


Opa, eai galera.
o meu forum eh invision quero deixar ele com o menu ingual do modernbb, eu consegui porem estou com 1 poblema.
invez de ser a movimentaçao suave, ele pula + / - ums 20 pixels da pagina.
Como faço para retirar esse pulo de pixels?
code utilizado ->
Código:
jQuery(function ($) {
    function fixHancki() {
        var $selectorHancki = $('#submenu');
        if ($(window).scrollTop() > 136)
            $selectorHancki.css({
                'position': 'fixed',
                'top': '0px'
            });
        else
            $selectorHancki.css({
                'position': 'relative',
                'top': 'auto'
            });
    }
    $(window).scroll(fixHancki);
    fixHancki();
});
Srblu3

Srblu3
Nível 5

Masculino
Membro desde : 31/12/2018
Mensagens : 37
Pontos : 77

http://srblu3forum.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Fixar menu no topo

Mensagem por Convidado 04.01.19 16:46

Bom dia,

Só uma questão: esse é o seu fórum ou um de teste? Se for um de teste, peço que coloque o seu verdadeiro.

Cordialmente.


Última edição por Roger123 em 05.01.19 9:57, editado 1 vez(es)
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Fixar menu no topo

Mensagem por Srblu3 04.01.19 21:16

este forum eh o meu original, estou editando ele para publicar oficialmente.
Srblu3

Srblu3
Nível 5

Masculino
Membro desde : 31/12/2018
Mensagens : 37
Pontos : 77

http://srblu3forum.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Fixar menu no topo

Mensagem por Convidado 05.01.19 10:06

Olá,
Peço desculpa pela confusão...
Veja se é isto que quer...
Código:
jQuery(function ($) {
    function fixHancki() {
        var $selectorHancki = $('#submenu');
        if ($(window).scrollTop() > 150)
            $selectorHancki.css({
                'position': 'fixed',
                'top': '0px'
            });
        else
            $selectorHancki.css({
                'position': 'relative',
                'top': 'auto'
            });
    }
    $(window).scroll(fixHancki);
    fixHancki();
});
Fico no aguardo.
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Fixar menu no topo

Mensagem por Srblu3 06.01.19 17:13

Nao resolveu meu poblema... Quero uma trnasicao suave na barra menu q nem neste forum. o meu forum esta dando teleporte las nos quintos do paranoe ( pulando pixel)
Srblu3

Srblu3
Nível 5

Masculino
Membro desde : 31/12/2018
Mensagens : 37
Pontos : 77

http://srblu3forum.forumeiros.com/

Ir para o topo Ir para baixo

Ex-Admineiro

Tópico resolvido Re: Fixar menu no topo

Mensagem por RafaelS. 07.01.19 16:45

Olá!

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

Até mais. Feliz
RafaelS.

RafaelS.
Ex-Admineiro
Ex-Admineiro

Masculino
Membro desde : 26/04/2014
Mensagens : 5748
Pontos : 7155

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Fixar menu no topo

Mensagem por Srblu3 08.01.19 6:20

nao resolveu amigo.
Srblu3

Srblu3
Nível 5

Masculino
Membro desde : 31/12/2018
Mensagens : 37
Pontos : 77

http://srblu3forum.forumeiros.com/

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Fixar menu no topo

Mensagem por Luiz 08.01.19 12:42

Olá,

Remova todos os códigos JavaScript que foram passados neste tópico.

Em seguida, vá até:
Painel de Controle -> Visualização -> Cores -> Folha de Estilos CSS.

E adicione o seguinte código ao final da caixa de texto:
Código:
#ipbwrapper {
  position: relative;
}
 
#ipbwrapper #submenu {
  position: -webkit-sticky !important;
  position:         sticky !important;
  top: 0px !important;
}

Nota em relação à compatibilidade:

A regra CSS position: sticky faz parte da especificação do CSS3 e, de acordo com esta tabela, ainda não tem um suporte completo. Se o seu fórum precisar de suportar navegadores antigos, como o Internet Explorer, ou versões mais antigas do Chrome, que correspondem a uma minoria da população mundial, teremos que elaborar uma outra solução.

Em suma: de acordo com o site, 86.91% (no dia 8 de janeiro de 2019, já que a tendência deste número é aumentar) da população mundial têm o suporte necessário para que o código acima funcione perfeitamente. Portanto, a menos que o público do seu fórum seja majoritariamente composto por pessoas que não costumam atualizar os navegadores, posso afirmar que este recurso possa ser usado normalmente.

o/
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 23/04/2016
Mensagens : 6644
Pontos : 7447

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Fixar menu no topo

Mensagem por Convidado 13.01.19 14:16

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.
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

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


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