Css 从底部启动时，滚动条消失

我想让Ul项目从底部开始，当点击容器的高度时，滚动条就会出现。如果从顶部开始，它可以工作，但从底部开始时失败

HTML

<div id="container">
<div class="big"></div>
<div class="parent">
    <ul>
        <li>Element #1</li>
        <li>Element #2</li>
        <li>Element #3</li>
        <li>Element #4</li>
        <li>Element #5</li>
        <li>Element #6</li>
        <li>Element #7</li>
        <li>Element #8</li>
        <li>Element #9</li>
    </ul>
</div>

有什么问题

---

我想要实现的是Slack或Skype聊天，聊天项目从底部开始向上移动，如果溢出，则显示滚动条

Javascript可以像我在这里做的那样解决您的问题：

var big = document.getElementById("big"); // OR SET HEIGHT OF PARENT USING CSS
var parent = document.getElementById("parent");

parent.style.height = big.offsetHeight + 'px'; // OR SET HEIGHT OF PARENT USING CSS
parent.scrollTop = parent.scrollHeight;

工作示例：

我还编辑了你的CSS。看看小提琴；）

编辑：

下面是一个向

添加新行并将Scrollposition设置为底部的示例：

---

当html元素处于绝对位置且固定在底部时，则对于父元素，它不会超过。这就是为什么滚动不起作用。

如果我想从容器底部开始“增长”“li”项，则滚动不起作用。i、 e.就像Slack一样，当你开始打字时，它从底部开始，然后移动到顶部。：）这只是首字母。。。您必须构建一个函数，该函数在每次内容更改时调用，以将scrollposition设置为底部（可能也使用计时器）…；）每次调用'parent.scrollTop=parent.scrollHeight；`scrollposition将设置为底部。；）我已经编辑了我的答案。看看这把新小提琴；）您应该查看我编辑的答案……）

var big = document.getElementById("big"); // OR SET HEIGHT OF PARENT USING CSS
var parent = document.getElementById("parent");

parent.style.height = big.offsetHeight + 'px'; // OR SET HEIGHT OF PARENT USING CSS
parent.scrollTop = parent.scrollHeight;