scroll seguir outro scroll?

LucasConstantino · Abril 6, 2009

Olá. Eu gostaria de sincronizar duas textareas para que se eu rolasse o scroll de uma pra baixo, a outra rolaria igualmente.

Eu pensei numa forma, mas não sei como fazer nem se funcionaria:

Como as duas textareas têm alturas iguais e conteúdos equivalentes (de mesma quantidade de linhas, porém não iguais), acho que poderia ser feito m código a partir da função "scrollTop"... ou seja, a todo momento a "scrollTop" de uma textarea seria igual a "scrollTop" de outra... mas como fazer isso funcionar?

Alguma outra idéia?

Obrigado!

Editado Abril 7, 2009 por LucasConstantino

LucasConstantino · Abril 7, 2009

Então galera, achei uma solução. O que eu queria fazer é o seguinte:

- tenho duas textareas.

- ambas têm o mesmo tamanho de altura do contudo.

- quero que ao mover o scroll da textarea 1, a textarea 2 posicione seu scroll conformemente.

Exemplo de uso:

textarea 1 = número da linha

textarea 2 = conteúdo

Ambas têm uma altura limitada, ou seja, se passar dessa altura, o scroll aparecerá.

Para cada linha a mais na textarea 2 (conteúdo), uma nova linha e um número apareceram na textarea 1 (número da linha)

Quando eu mover o scroll do textarea 1 ou do textarea 2, o outro se moverá igualmente, para que a linha x continue correspondendo à linha x do conteúdo.

Um efeito interessante é colocar "overflow = hidden" em uma delas... dessa forma, para ambas, após meu código, haverá apenas uma scroll.

Código:

<html>
<head>
<script type="text/javascript">

function marcacaopos () {
    document.getElementById("marcacao").scrollTop = document.getElementById("resultados").scrollTop
}
</script>
</head>

<body onload="setInterval('marcacaopos()', 10)">

<textarea name="marcacao" cols="" rows="" id="marcacao" value=""></textarea>
<textarea name="resultados" cols="" rows="" id="resultados" value="" readonly="readonly"></textarea>

</body>

Pronto... analise o texto e creio que você entenderá. A função marcacaopos() ajusta a scrollTop das textareas.

onload faz a funcao marcacaopos() ser executada a cada 0,010 segundos (meio rapidamente)

Pronto!

RESOLVIDO

Entrar

scroll seguir outro scroll?

Pergunta

LucasConstantino

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

LucasConstantino

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades