Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Cristyan Alves

barra de rolagem vai para o fim da pagina

Por , em Javascript

Recommended Posts

Cristyan Alves    0

Cristyan Alves
Postado

pessoal

seguinte

 

o meu código é PHP mas acredito que para o efeito que eu quero preciso de um código JavaScript...

 

tenho um script de chat em php aqui onde a area da conversa é uma iframe que atualiza a cada 5 segundos,

essa iframe está dentro de uma div com overflow auto, o problema e que quando a iframe e recarregada, ela volta para o topo. Tem alguma maneira que eu possa "travar" a barra de rolagem de modo que apareça a última linha da div?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Cristyan Alves    0

Cristyan Alves
Postado

vi em um post aqui no imaster mesmo..

 

http://forum.imasters.com.br/topic/504710-aps-carregar-pgina-j-mostrar-o-final-da-pginamostra-final-pgina/

 

veja se lhe é útil...

 

abraço

Não é isso :upset: (se for não achei a maneira que se encaixa no meu chat)

 

sabe o chat do Facebook? mesmo o quando você está conversando com alguém o a barra de rolagem está sempre no final para que você visualize sempre a ultima mensagem... é isso que eu quero fazer...

 

como uma imagem vale mais que mil palavras, abaixo tem um link de uma imagem que ajuda a descrever o que eu estou falando:

 

 

https://imageshack.com/i/0sayxlj

Compartilhar este post

Link para o post
Compartilhar em outros sites

Damon    20

Damon
Postado

Cristyan Alves

 

Tenta essa função aqui:

<script language="javascript">
function rolar(){
scrollTo(0,100000);
}

</script>
<body onload="javascript:rolar();" onload="java script: self.print();" >


</body>

Compartilhar este post

Link para o post
Compartilhar em outros sites

guiideandrade    0

guiideandrade
Postado

Se você tiver um elemento no final da página, como por exemplo, uma horizontal rule < hr > , você pode adicionar um id a ela, e quando carregar a página, pode executar:

function scrollinto() {
var x = document.getElementById( 'o id do objeto' );
x.scrollIntoView();
}

<body onload='javascript:scrollinto();'>

Compartilhar este post

Link para o post
Compartilhar em outros sites

hinom    5

hinom
Postado

pode resolver conforme indicaram, mas não seria muito mais prático deixar mesmo no topo e retornar as conversas em ordem por data decrescente ?

 

assim, as conversas mais recentes começam pelo topo..

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito