[Tutorial] Voltar ao topo na lateral do fórum fixada
Página 1 de 1 • Compartilhe
Autor: While
Funcionalidade: Em todas as versões
Aceda:
Painel de Controle -> Modulos -> Html & Javascript -> Gestão das paginas Javascripts
E crie um novo javascript com investimento em todas as paginas com esse código:
- Código:
jQuery(document).ready(function() {
jQuery('body').append('<div class="button-up" style="background: rgba(45, 45, 158, 0.05) url(http://i.imgur.com/orGv2fs.png)no-repeat center;width: 50px;height: 100%;z-index: 0;position: fixed;top: 0;right: 0;opacity: 10;"></div>');
jQuery (window).scroll (function () {
if (jQuery (this).scrollTop () > 100) {
jQuery ('.button-up').fadeIn();
} else {
jQuery ('.button-up').fadeOut();
}
});
jQuery('.button-up').click(function(){
jQuery('body,html').animate({
scrollTop: 0
}, 0);
return false;
});
jQuery('.button-up').hover(function() {
jQuery(this).animate({
'opacity':'10',
}).css({'background-color':'rgba(45, 45, 158, 0.05)','color':'rgba(45, 45, 158, 0.05)'});
}, function(){
jQuery(this).animate({
'opacity':'10'
}).css({'background-color':'none','color':'rgba(45, 45, 158, 0.05)'});;
});
});
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
|
|