css 在控制台类列表中滚动绝对对象

5f0d552i  于 2022-11-19  发布在  其他
关注(0)|答案(1)|浏览(126)

我有一个命令列表,如果一个新的命令被添加(通过角代码),它将在底部可见,溢出到顶部,就像一个控制台。
这是我目前拥有的:

  1. <div style="border: 2px solid #000000; height: 200px; width: 300px; position: relative; overflow-x: auto;">
  2. <div style="position: absolute; bottom: 0;">
  3. <p>oldest</p>
  4. <p>Test</p>
  5. <p>Test</p>
  6. <p>Test</p>
  7. <p>Test</p>
  8. <p>Test</p>
  9. <p>Test</p>
  10. <p>Test</p>
  11. <p>Test</p>
  12. <p>Test</p>
  13. <p>Test</p>
  14. <p>latest</p>
  15. </div>
  16. </div>

它确实像我想要的那样工作,但是用这个设置我不能再滚动到旧的命令了。我知道热让滚动条再次显示,但是这只会破坏顶部的溢出。
知道我该怎么做吗?

n8ghc7c1

n8ghc7c11#

在这种情况下,你必须将内部div的高度设置为其父元素的100%,并启用该元素上的滚动。
第一个
编辑:如果你想滚动到容器的最新元素,你需要JavaScript或jQuery来滚动到元素的底部。我刚刚添加了一个jQuery函数,你可以在下面看到。希望这对你有帮助:)

相关问题