jquery-terminal - 反转 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}禁用回声时滚动到底部。如果它会在其他操作中滚动并且这很烦人，您可以报告一个错误。