[Tutorial] Fixar menu no scrolling

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

Admin
Admin
Administrador
Tempo Online : 250d 6h 21m 59s
Mensagens : 693
Reputação : 4
https://bestweb.forumeiro.com

MensagemAdmin Ter Set 13, 2016 7:13 pm

Autor: Hancki
Funcionalidade: Em todas as versões
Descrição: 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.

Acesse:
Painel de Controle [Tutorial] Fixar menu no scrolling 1337678750 Módulos [Tutorial] Fixar menu no scrolling 1337678750 HTML & Javascript [Tutorial] Fixar menu no scrolling 1337678750 Gestão dos códigos Javascripts

E crie um novo javascript com investimento em todas as paginas com esse código:

[Tutorial] Fixar menu no scrolling Phpbb310
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 Phpbb210
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 Punbb-11
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 Invisi10
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();
});

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

Cria uma conta ou logue para postar uma mensagem.

Você precisa ser um membro, para poder postar uma resposta.

Criar conta

Participe de nossa comunidade, basta se registrar. É Fácil!


Criar uma conta

Logar

Já tem uma conta? Sem problemas, Logue agora.


Logar-se

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