[TUTORIAL] Fixar menu no scrolling

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

[TUTORIAL] Fixar menu no scrolling Empty [TUTORIAL] Fixar menu no scrolling

Mensagem por Hancki em 11.07.14 9:59


[TUTORIAL] Fixar menu no scrolling Index_12

Fixar menu no scrolling

Novo efeito incrível para o menu, podemos aplicar o menu fixo no scrolling. O menu estará normal com a posição normal no fórum, rolando o scroll do navegador para baixo vai ficar fixado no topo.


--> Tutoriais, dicas e astúcias <--
Fixar menu no scrolling


- Conhecendo o código:
Escolha o código de acordo com a versão de seu fórum:
[TUTORIAL] Fixar menu no scrolling Php31210 PHPBB3
Código:
jQuery(function ($) {
    function fixHancki() {
        var $selectorHancki = $('ul.linklist.navlinks');
        if ($(window).scrollTop() > 100)
            $selectorHancki.css({
                'position': 'fixed',
                'top': '0px'
            });
        else
            $selectorHancki.css({
                'position': 'relative',
                'top': 'auto'
            });
    }
    $(window).scroll(fixHancki);
    fixHancki();
});
[TUTORIAL] Fixar menu no scrolling Php21110PHPBB2
Código:
jQuery(function ($) {
    function fixHancki() {
        var $selectorHancki = $('.bodyline table:nth-child(2)');
        if ($(window).scrollTop() > 100)
            $selectorHancki.css({
                'position': 'fixed',
                'top': '0px'
            });
        else
            $selectorHancki.css({
                'position': 'relative',
                'top': 'auto'
            });
    }
    $(window).scroll(fixHancki);
    fixHancki();
});
[TUTORIAL] Fixar menu no scrolling Pun1210PUNBB
Código:
jQuery(function ($) {
    function fixHancki() {
        var $selectorHancki = $('#pun-navlinks');
        if ($(window).scrollTop() > 100)
            $selectorHancki.css({
                'position': 'fixed',
                'top': '0px'
            });
        else
            $selectorHancki.css({
                'position': 'relative',
                'top': 'auto'
            });
    }
    $(window).scroll(fixHancki);
    fixHancki();
});
[TUTORIAL] Fixar menu no scrolling Inv1010INVISION
Código:
jQuery(function ($) {
    function fixHancki() {
        var $selectorHancki = $('#submenu');
        if ($(window).scrollTop() > 100)
            $selectorHancki.css({
                'position': 'fixed',
                'top': '0px'
            });
        else
            $selectorHancki.css({
                'position': 'relative',
                'top': 'auto'
            });
    }
    $(window).scroll(fixHancki);
    fixHancki();
});


- Noção básica da função:
As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.

Painel de controle >> Módulos >> HTML & JavaScript >> Gestão dos códigos JavaScripts >>
[TUTORIAL] Fixar menu no scrolling Painel13
[TUTORIAL] Fixar menu no scrolling 110111Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
[TUTORIAL] Fixar menu no scrolling 110210Seta Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Em todas as páginas.
[TUTORIAL] Fixar menu no scrolling 110310Seta Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.
[TUTORIAL] Fixar menu no scrolling 110410Seta Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.



© Fórum dos Fóruns


[TUTORIAL] Fixar menu no scrolling Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Fixar menu no scrolling
Hancki

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8113
Pontos Ativos : 12117

Ver perfil do usuário https://ajuda.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum