Compartilhe
Ver o tópico anteriorIr em baixoVer o tópico seguinte
avatar
Administrador
Mensagens : 441
Pontos : 9681
Reputação : 120
Ver perfil do usuáriohttp://beststyle.forumeiros.com

Menu fixo ao rolar a pagina

em 21.12.15 11:54
Informações:
Autor
: Wagner
Funcionalidade: Todas as Versões




Acesse:
Painel de Controle Modulos Html e Javascript Gestão dos codigos Javascript
Crie um novo Javascript com investimento em todas as paginas com esse codigo:
PunBB:
Código:
/*
 // Fixed menu on scroll
 // This code will add a class to the menu on scroll, you just need to add a CSS rule on your stylesheet...
 // Author: Wagner ( /waghcwb )
 // Last update: 30/05/2014
 // © This work is free and you can modify or distribute it, but you need to keep this credits.
 */
//<![CDATA[
$(function(){
var w = $(window),
    n = $('#pun-navlinks'),
    s = function(){
            w.scrollTop() > 100 ? n.addClass('mf') : n.removeClass('mf');
        };
    w.scroll(s);
});
//]]>
PhpBB2:
Código:
/*
 // Fixed menu on scroll
 // This code will add a class to the menu on scroll, you just need to add a CSS rule on your stylesheet...
 // Author: Wagner ( /waghcwb )
 // Last update: 30/05/2014
 // © This work is free and you can modify or distribute it, but you need to keep this credits.
 */
//<![CDATA[
$(function(){
var w = $(window),
    n = $('a.mainmenu').parent('td'),
    s = function(){
            w.scrollTop() > 100 ? n.addClass('mf') : n.removeClass('mf');
        };
    w.scroll(s);
});
//]]>
PhpBB3:
Código:
/*
 // Fixed menu on scroll
 // This code will add a class to the menu on scroll, you just need to add a CSS rule on your stylesheet...
 // Author: Wagner ( /waghcwb )
 // Last update: 30/05/2014
 // © This work is free and you can modify or distribute it, but you need to keep this credits.
 */
//<![CDATA[
$(function(){
var w = $(window),
    n = $('.navlinks'),
    s = function(){
            w.scrollTop() > 100 ? n.addClass('mf') : n.removeClass('mf');
        };
    w.scroll(s);
});
//]]>
Invision:
Código:
/*
 // Fixed menu on scroll
 // This code will add a class to the menu on scroll, you just need to add a CSS rule on your stylesheet...
 // Author: Wagner ( /waghcwb )
 // Last update: 30/05/2014
 // © This work is free and you can modify or distribute it, but you need to keep this credits.
 */
//<![CDATA[
$(function(){
var w = $(window),
    n = $('#submenu'),
    s = function(){
            w.scrollTop() > 100 ? n.addClass('mf') : n.removeClass('mf');
        };
    w.scroll(s);
});
//]]>

Feito isto acesse:
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo
Adicione esse codigo CSS em sua folha de estilo:
Código:
.mf{
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 999;
}
avatar
Administrador
Mensagens : 441
Pontos : 9681
Reputação : 120
Ver perfil do usuáriohttp://beststyle.forumeiros.com

Re: Menu fixo ao rolar a pagina

em 21.12.15 11:55
Tutorial Aceito
Ver o tópico anteriorVoltar ao TopoVer o tópico seguinte
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum