Desplazamiento vertical multi-columna en CSS / JavaScript
En la actualidad, ¿hay una manera de hacer un desplazamiento de varias columnas en CSS o CSS con JavaScript?
Para describir lo que quiero decir con esto, he creado una demostración rápida en jsfiddle:
Cuando hay mucho texto en el div, me gustaría poder desplazarme verticalmente, con el nuevo texto que aparece en la parte inferior de la columna de la derecha y el texto antiguo saliendo por encima de la columna de la izquierda, básicamente, como un texto. Área, excepto con dos columnas.
En cambio, lo que sucede es que crea columnas adicionales para las que tiene que desplazarse horizontalmente.
Si bien podría intentar almacenar cada línea de texto en una matriz y luego cambiarla en el desplazamiento, tenía curiosidad por saber si ya existe una forma de hacerlo en CSS simple o si ya existe una solución a través de JavaScript. ¡Gracias!