0

我有一个问题，我真的不知道如何用谷歌搜索，而且我的 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！”文本），以表示我的终端的连接状态。即使终端越过底部，我也希望它始终保持在右上角。正如我所说，我还没有找到任何模板文件，所以我想知道如何做到这一点。任何帮助或提示将不胜感激。

4

1 回答 1

1

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

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

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

JSFIDDLE

于 2015-07-31T13:48:50.447 回答