[TUTORIAL] Fixar menu no scrolling
Página 1 de 1 • Compartilhe
[TUTORIAL] Fixar menu no scrolling
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
Fixar menu no scrolling
1º - Conhecendo o código:
Escolha o código de acordo com a versão de seu fórum:
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();
});
PHPBB2 |
- 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();
});
PUNBB |
- 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();
});
INVISION |
- 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();
});
2º - 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 >>
Título Correspondente ao nome da página JavaScript/jQuery que será criada. |
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. |
Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery. |
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
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 |
Tópicos semelhantes
» Fixar menu no scrolling
» Fixar menu
» Fixar menu de navegação
» Fixar menu no topo
» Fixar Corretamente o menu
» Fixar menu
» Fixar menu de navegação
» Fixar menu no topo
» Fixar Corretamente o menu
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos