jquery - 伪造带有滚动条的文本区域并更新内容

Question

因为我不能在标签内标记内容，所以我想创建自己的“自定义”文本框。文本框应该作为一种控制台工作，其中记录了战斗(即)的进度。我首先尝试使用一个 div，在一个 div 中，在每个日志的 div 中，但是当外部 div 内的 div 超过最大高度时，它们会忽略周围的 div。

示例:

即使这行得通，我仍然遇到问题，没有滚动条，因为它不是 <textarea> .

我在谷歌上搜索了很多，但我唯一找到的是关于动态提要阅读器等的大量教程。

我正在寻找的是一个带有滚动条的简单“文本框”又名“控制台”，其内容确实符合该控制台的边界。使用 jQuery 完成。

非常感谢!

解决方案:

之前

<div id="battleLog" style="max-height:100px;height:100px;min-height:100px;">
    <div style="padding:2px 2px 2px 2px;">
        //content
    </div>
</div>

之后

<div id="battleLog" style="max-height:100px;height:100px;min-height:100px;overflow-x:hidden;overflow-y:scroll;">
    <div style="padding:2px 2px 2px 2px;">
        //content
    </div>
</div>

Answer 1

尝试在你的 div 上设置这个 css

overflow-x:hidden;
overflow-y:scroll;