Rolagem Vertical com Várias Colunas em CSS / JavaScript
Atualmente, existe uma maneira de fazer rolagem multi-coluna em CSS ou CSS com JavaScript?
Para descrever o que quero dizer com isso, eu configurei uma demonstração rápida no jsfiddle:
Quando muito texto está no div, eu gostaria de poder rolar verticalmente, com o novo texto vindo da parte inferior da coluna mais à direita, e o texto antigo saindo acima da coluna mais à esquerda - basicamente, como um texto área, exceto com duas colunas.
Em vez disso, o que acontece é que ele cria colunas extras nas quais você precisa rolar horizontalmente.
Embora eu possa tentar armazenar cada linha de texto em uma matriz e alterá-la em pergaminho, fiquei curioso para saber se já existe uma maneira de fazer isso em CSS simples ou se já existe uma solução via JavaScript. Obrigado!