Реверсивный поток JQuery-Terminal

Question

Возможно ли, чтобы новые результаты команды толкали результаты предыдущей команды вниз?Это как бы противоположно тому, как JQuery работает «из коробки», когда новые команды вводятся под всей историей команд сеанса.

Answer 1

К счастью, в CSS есть новое дополнение - flexbox, с помощью которого вы можете переупорядочивать элементы на странице:

.terminal-output {
    display: flex;
    flex-direction: column-reverse;
}

, при этом командная строка будет внизу, а команды будут в обратном порядке.Если вы также хотите иметь командную строку вверху, используйте это:

.terminal-wrapper, .terminal-output {
    display: flex;
    flex-direction: column-reverse;
}

Вам также понадобится опция {scroll: false}, чтобы отключить прокрутку вниз до эха.Если он будет прокручивать другие действия и если это раздражает, вы можете сообщить об ошибке с этим.