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

Question

我有一个问题，我真的不知道如何google，我的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

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

jquery terminal template, I need a persistent DOM element in the top right corner

jquery

html

css

terminal

jquery-terminal