创建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。

我可以尝试创建一个在您输入更多文本行时可以使用的演示。