¿Cómo impido que un área de texto se desplace hacia la parte superior cada vez que cambio su valor?

Question

Estoy creando algo donde un área de texto recibe más y más texto adjunto. En firefox, el área de texto se desplaza hacia arriba hasta la parte superior cada vez. Actualmente tengo algo así como textarea.scrollTop=1000000; para desplazarlo hacia abajo cada vez que cambia, pero todavía sube a la cima por muy poco tiempo. ¿Hay alguna forma de evitar que lo haga?

Answer 1

i cosa que es problema de añadir el contenido a través de la escritura, pegar su código que añadir texto a su área de texto

Answer 2

me encontré con este problema, también. Sucede en IE y Firefox, pero no en Opera y Chrome.

pensé de ocultar los saltos momentáneos a la parte superior por "double-buffering" cambios en el área de texto:

1. Cree dos áreas de texto con las mismas propiedades y dimensiones exactas. Solo uno de estos es visible; el otro está escondido
2. Agregar texto al área de texto oculta: establezca [el valor del área de texto oculta] en [el valor del área de texto visible] + [texto para anexar]. (El área de texto se desplazará automáticamente a la parte superior, pero este área de texto está oculta)
3. Desplácese al área de texto oculta al final: establezca scrollTop en un valor entero alto como (-1 >>> 1).
4. Cambie el área de texto oculta por la visible. Ahora se muestra el nuevo texto, ¡sin saltar a la cima!

Puede intercambiar las áreas de texto ocultos/visibles mediante el uso de uno de dos métodos:

1. Uso posicionamiento absoluto para colocar las áreas de texto en la parte superior de la otra en conjunción con toggling their visible property.
2. Cambie los elementos DOM reales. No estoy seguro de si esto introducirá un nuevo tipo de "parpadeo". Es posible que tenga que crear un div para contener el área de texto visible para el diseño de la página no se van cambiando ...