Ir para conteúdo

POWERED BY:

Arquivado

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

jrotta

div com scroll

Recommended Posts

olá, tenho o seguinte código de div:

<div class="scroll" style="background-color:#FFFDE0; overflow: auto; height:270px; padding:5px; border: 1px solid #DEDEDE; margin-bottom:10px">

quando o texto é grande, aparece um scroll nesse div.

Só que eu queria saber se tem como fazer o scroll aparecer todo para baixo quando você carregar a página, porque no meu site você tem que ler os valores de baixo primeiro.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cara, acho que isso não tem como fazer só com HTML e CSS.

 

Tópico movido:

 

Webstandards: CSS / XML / XHTML / HTML http://forum.imasters.com.br/public/style_emoticons/default/seta.gif JavaScript / DHTML

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá companheiro.

 

 

Existe o método scrollTo() que rola o conteúdo para as coordenadas x y especificadas "scrollTo(xpos,ypos)". Porém este método é do objeto window ou seja, você terá que substituir sua div por um iframe.

 

 

Exemplo:



<!--  Obs. Identifique o iframe utilizando tanto o "id" quando o "name" para funcionar tanto nos browser IE quantos nos Firefox-->
<iframe id="local" name="local" ></iframe> 


<script language="javascript">

	// Utiliza o evento onload para acionar o script
	window.onload = function (){
	
	// Escreve algo no iframe
	local.document.body.innerHTML = "teste<br />teste<br />teste<br />teste<br />teste<br />teste<br />teste<br />teste<br />teste<br />teste<br />teste<br />";
	
	
	// Rola o conteúdo para baixo, utilizando o valor de scrollHeight para sempre ficar no final do conteúdo.
	local.scrollTo(0,local.document.body.scrollHeight); 
	
	}

</script>



 

 

Até mais.

Compartilhar este post


Link para o post
Compartilhar em outros sites

acho que deve existir um jeito mais simples, pois na arábia escrevem de tras para frente, então acredito que essa função já exista no style...

Compartilhar este post


Link para o post
Compartilhar em outros sites

O método scrollTop funciona com div ex.:

 

 

 

<div id="local" name="local" ></div>

 

(...)

 

document.getElementById('local').scrollTop = 100;

 

(...)

 

 

 

Vou tentar encontrar "algo mais simples".

 

 

Até mais.

Compartilhar este post


Link para o post
Compartilhar em outros sites

O método scrollTop funciona com div ex.:

 

 

 

<div id="local" name="local" ></div>

 

(...)

 

document.getElementById('local').scrollTop = 100;

 

(...)

 

 

 

Vou tentar encontrar "algo mais simples".

 

 

Até mais.

 

hmm, esse script faz com que o scroll desca 100pixels quando você clica em algo ou executa alguma ação certo?

Sera que n tem nenhum style que já exiba o div com o scroll no MAXIMO para baixo?

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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