jquery终端模板，我需要在右上角有一个持久的DOM元素

Question

我有一个问题，我真的不知道如何谷歌，我的 CSS 仍然严重不足，所以我会在这里问。

我正在使用jquery terminal，它是一个非常整洁的小库。但是，当我解压缩文件时，我找不到任何可以构成视图的模板。现在，我要做的是在终端的右上角放置一种状态指示器。因此，如果我必须举例说明的话，就像这样。

_____________________________________________________________
|jquery terminal> echo "hello"                   CONNECTED!|V|
|hello                                                     |V|
|jquery terminal> echo "world"                             |V|
|world                                                     |V|
|jquery terminal> echo "I think"                           |V|
|I think                                                   |V|
|jquery terminal> echo "you get the point"                 |V|
|you get the point                                         |V|

我希望始终在终端的右上角有一个持久的 dom 元素（“CONNECTED！”文本），以表示我的终端的连接状态。即使终端越过底部，我也希望它始终保持在右上角。正如我所说，我还没有找到任何模板文件，所以我想知道如何做到这一点。任何帮助或提示将不胜感激。

Answer 1

您可以添加div并将位置设置为固定。

<div id="term">
    <div id="status">Connected!</div>
</div>

#status {
    position: fixed;
    right: 10px;
    top: 10px;
}

JSFIDDLE