Botão de fim e topo da página

3 participantes

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

Tópico resolvido Botão de fim e topo da página

Mensagem por Pika_mestre 28.06.11 18:45

Qual é sua questão:
Bom! Primeiramente boa tarde a todos! Eu queira colocar setas de "up" e "down" em meu fórum (http://pokemestre.forumeiros.com), a seta que fica em cima e desloca a barra de rolagem para baixo funcionou, mas o que desloca a barra para cima não funciona e quando nós clicamos a barra de rolagem fica travada.

Se isso ajuda, eu uso o Google Chrome, mas já entrei em outros fóruns que possuem esse código e funfou perfeitamente!

Que medidas você tomou para corrigir o problema:
Nenhuma ainda!

Apresente-nos imagens do problema (se necessário):
Não tem como eu arrumar uma imagem!

Endereço do fórum:
http://pokemestre.forumeiros.com

Versão do fórum:
PUNBB


Última edição por josedaPM em 02.07.11 0:20, editado 1 vez(es)
Pika_mestre

Pika_mestre
****

Membro desde : 28/06/2011
Mensagens : 362
Pontos : 580

http://pokemestre.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de fim e topo da página

Mensagem por Consolado 28.06.11 18:50

Olá e boa tarde!
Você tentou este código?:
Código:
<div style="position: fixed; top: 0px; right: 0px;"><img src="http://i68.servimg.com/u/f68/14/38/92/90/down-i10.png" onclick="$('html,body').animate({scrollTop: $('#pun-foot').offset().top}, 2000);" title="Fundo da página"></div><div style="position: fixed; bottom: 0px; right: 0px;">
<img src="http://i68.servimg.com/u/f68/14/38/92/90/up-ico10.png" onclick="$('html,body').animate({scrollTop: $('#top').offset().top}, 2000);" title="Topo da página"></div>

Até mais!
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de fim e topo da página

Mensagem por Pika_mestre 28.06.11 18:55

Shetos escreveu:Olá e boa tarde!
Você tentou este código?:
Código:
<div style="position: fixed; top: 0px; right: 0px;"><img src="http://i68.servimg.com/u/f68/14/38/92/90/down-i10.png" onclick="$('html,body').animate({scrollTop: $('#pun-foot').offset().top}, 2000);" title="Fundo da página"></div><div style="position: fixed; bottom: 0px; right: 0px;">
<img src="http://i68.servimg.com/u/f68/14/38/92/90/up-ico10.png" onclick="$('html,body').animate({scrollTop: $('#top').offset().top}, 2000);" title="Topo da página"></div>

Até mais!

Tentei! Mas continuo com o mesmo problema...


Obrigado pela tentativa!
Pika_mestre

Pika_mestre
****

Membro desde : 28/06/2011
Mensagens : 362
Pontos : 580

http://pokemestre.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Botão de fim e topo da página

Mensagem por Dury 28.06.11 23:53

Olá,

Leia este tópico: https://ajuda.forumeiros.com/t29292-

Piscada
Dury

Dury
Membro Entusiasta
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de fim e topo da página

Mensagem por Pika_mestre 29.06.11 17:14

Jeffrey escreveu:Olá,

Leia este tópico: https://ajuda.forumeiros.com/t29292-

Piscada

Olá Jeffrey! Foi neste tópico que eu usei as setas pela primeira vez, e aí deu problema!


Continuo com o problema ainda! Obrigado para os que tentaram...
Pika_mestre

Pika_mestre
****

Membro desde : 28/06/2011
Mensagens : 362
Pontos : 580

http://pokemestre.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de fim e topo da página

Mensagem por Convidad 02.07.11 0:12

Boa tarde,

Se o código seguinte não funcinou (está no tutorial citado acima e é para versão punbb):

Código:
<div style="position: fixed; top: 0px; right: 0px;"><img src="http://i68.servimg.com/u/f68/14/38/92/90/down-i10.png" onclick="$('html,body').animate({scrollTop: $('#pun-foot').offset().top}, 2000);" title="Fundo da página"></div><div style="position: fixed; bottom: 0px; right: 0px;">
<img src="http://i68.servimg.com/u/f68/14/38/92/90/up-ico10.png" onclick="$('html,body').animate({scrollTop: $('#top').offset().top}, 2000);" title="Topo da página"></div>

Troque pelo seguinte então (será a única solução):

Código:
<div style="position: fixed; top: 0px; right: 0px;"><img src="http://i68.servimg.com/u/f68/14/38/92/90/down-i10.png" onclick="$('html,body').animate({scrollTop: $('#pun-foot').offset().top}, 2000);" title="Fundo da página"></div><div style="position: fixed; bottom: 0px; right: 0px;">
<a href="#"><img src="http://i68.servimg.com/u/f68/14/38/92/90/up-ico10.png" title="Topo da página"></a></div>

Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de fim e topo da página

Mensagem por Pika_mestre 02.07.11 0:20

Mr. Supero escreveu:Boa tarde,

Se o código seguinte não funcinou (está no tutorial citado acima e é para versão punbb):

Código:
<div style="position: fixed; top: 0px; right: 0px;"><img src="http://i68.servimg.com/u/f68/14/38/92/90/down-i10.png" onclick="$('html,body').animate({scrollTop: $('#pun-foot').offset().top}, 2000);" title="Fundo da página"></div><div style="position: fixed; bottom: 0px; right: 0px;">
<img src="http://i68.servimg.com/u/f68/14/38/92/90/up-ico10.png" onclick="$('html,body').animate({scrollTop: $('#top').offset().top}, 2000);" title="Topo da página"></div>

Troque pelo seguinte então (será a única solução):

Código:
<div style="position: fixed; top: 0px; right: 0px;"><img src="http://i68.servimg.com/u/f68/14/38/92/90/down-i10.png" onclick="$('html,body').animate({scrollTop: $('#pun-foot').offset().top}, 2000);" title="Fundo da página"></div><div style="position: fixed; bottom: 0px; right: 0px;">
<a href="#"><img src="http://i68.servimg.com/u/f68/14/38/92/90/up-ico10.png" title="Topo da página"></a></div>


Ihaaaaaaaaaaaaaaaaaa.... Muito Obrigado Kra!

Vocês são demais!
Pika_mestre

Pika_mestre
****

Membro desde : 28/06/2011
Mensagens : 362
Pontos : 580

http://pokemestre.forumeiros.com

Ir para o topo Ir para baixo

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

- Tópicos semelhantes

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