创建提示始终位于底部的 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。

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