Jquery 在具有固定高度/宽度的div中显示溢出字符串的底部？

背景

我有一个固定宽度和高度的不可滚动div。 下面是一个JSFIDLE：

目标

如果不是前一个字符串，我想显示尽可能多的底部字符串

推理和问题

你应该问自己：为什么？我试图显示一个，但我将div的内容与

setInterval（）

连接起来，这将使它很快溢出

根据我的判断，jQuery的

.scrollTop（）

类似于here:是不合适的，因为我希望我的div不可滚动。CSS

溢出

也是如此

有人知道怎么做吗

HTML

<p>How to make the bottom of a string visible within the boundaries of a div and NOT show or hide the top part?</p>
<p>The opposite of what I want:
</p>
<div class="hidden">You can use the overflow property when you want to have better control of the layout. The default value is visible.</div>

---

您可以使用一个额外的容器，从底部开始

position:absolute

，这样当您添加更多文本时，块似乎从下到上增加：

div.hidden{
位置：相对位置；
背景色：#00FF00；
宽度：100px；
高度：100px；
溢出：隐藏；
}
/*定位外包装*/
隐藏跨度{
位置：绝对位置；
宽度：100%；
底部：0；
左：0；
}

如果希望更好地控制布局，可以使用overflow属性。默认值是可见的。

我不清楚。。。你想要固定尺寸，但显示所有内容，不使用滚动？固定尺寸，不滚动，但只显示尽可能多的底部内容，适合在div中。像这样吗？就是这样！谢谢。我现在怎么给你评分呢？通常我们使用div.hidden{背景色：#00FF00；宽度：100px；高度：100px；溢出-y:scroll；}

div.hidden {
background-color: #00FF00;
width: 100px;
height: 100px;
overflow: hidden;
}