我有一个命令列表,如果一个新的命令被添加(通过角代码),它将在底部可见,溢出到顶部,就像一个控制台。
这是我目前拥有的:
<div style="border: 2px solid #000000; height: 200px; width: 300px; position: relative; overflow-x: auto;">
<div style="position: absolute; bottom: 0;">
<p>oldest</p>
<p>Test</p>
<p>Test</p>
<p>Test</p>
<p>Test</p>
<p>Test</p>
<p>Test</p>
<p>Test</p>
<p>Test</p>
<p>Test</p>
<p>Test</p>
<p>latest</p>
</div>
</div>
它确实像我想要的那样工作,但是用这个设置我不能再滚动到旧的命令了。我知道热让滚动条再次显示,但是这只会破坏顶部的溢出。
知道我该怎么做吗?
1条答案
按热度按时间n8ghc7c11#
在这种情况下,你必须将内部div的高度设置为其父元素的100%,并启用该元素上的滚动。
第一个
编辑:如果你想滚动到容器的最新元素,你需要JavaScript或jQuery来滚动到元素的底部。我刚刚添加了一个jQuery函数,你可以在下面看到。希望这对你有帮助:)