Fixar menu no topo

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();
});

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.

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

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.

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)

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.

nao resolveu amigo.

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/