[Tutorial] Fixar menu no scrolling
Página 1 de 1 • Compartilhe
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 Módulos HTML & Javascript Gestão dos códigos Javascripts
E crie um novo javascript com investimento em todas as paginas com esse código:
- 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();
});
- 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();
});
- 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();
});
- 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();
});
Tópicos semelhantes
Cria uma conta ou logue para postar uma mensagem.
Você precisa ser um membro, para poder postar uma resposta.
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|