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

Question

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

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

_____________________________________________________________
|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并将位置设置为fixed

<div id="term">
    <div id="status">Connected!</div>
</div>
#status {
    position: fixed;
    right: 10px;
    top: 10px;
}

JSFIDDLE