反转 JQuery-Terminal 的流程
Reversing the flow of JQuery-Terminal
是否可以让新的命令结果下推之前的命令结果?这与 JQuery 开箱即用的方式相反,新命令是在会话的整个命令历史记录下方输入的。
幸运的是 CSS 新增了 flexbox,您可以用它重新排列页面上的元素:
.terminal-output {
display: flex;
flex-direction: column-reverse;
}
这将使命令行位于底部,命令顺序相反。如果你还想在顶部使用命令行:
.terminal-wrapper, .terminal-output {
display: flex;
flex-direction: column-reverse;
}
您还需要有选项 {scroll: false}
来禁用回显时滚动到底部。如果它会在其他操作中滚动并且如果这很烦人,您可以报告一个错误。
是否可以让新的命令结果下推之前的命令结果?这与 JQuery 开箱即用的方式相反,新命令是在会话的整个命令历史记录下方输入的。
幸运的是 CSS 新增了 flexbox,您可以用它重新排列页面上的元素:
.terminal-output {
display: flex;
flex-direction: column-reverse;
}
这将使命令行位于底部,命令顺序相反。如果你还想在顶部使用命令行:
.terminal-wrapper, .terminal-output {
display: flex;
flex-direction: column-reverse;
}
您还需要有选项 {scroll: false}
来禁用回显时滚动到底部。如果它会在其他操作中滚动并且如果这很烦人,您可以报告一个错误。