创建 JQuery 提示总是在底部的终端

Question

我一直在使用 JQuery 终端来完成我正在进行的项目。我想要的是让终端提示始终位于终端底部，而不是滚动显示到目前为止的任何输出。这可能吗？

Answer 1

你可以使用这个css:

    .cmd {
        position: absolute !important;
        bottom: 10px;
        right: 10px;
        left: 10px;
        width: auto !important;
    }
    .terminal {
        overflow-y: hidden;
    }
    .terminal .terminal-output {
        max-height: calc(100% - 15px);
        overflow-y: auto;
    }

但请注意，您在键入内容时不会滚动到底部。如果您只在命令行中输入一行文本，它只会看起来不错，要使其工作，您需要添加一些 javascript.

我可以尝试创建一个演示，当您输入更多行文本时它会起作用。

创建 JQuery 提示总是在底部的终端

Create JQuery Terminal where prompt is always at the bottom

jquery

jquery-terminal