如何让聊天从屏幕底部弹出？

Question

这可能看起来是一个相当宽泛的问题，但它就在这里。我在屏幕的左上角显示带有相对引用的聊天气泡。因此，当新的聊天气泡被插入时，它自然会被插入到先前的下面。我想要做的是让聊天气泡出现在左下角，然后气泡向上移动，新消息出现在底部角落。因此，较旧的消息将位于顶部。

我是不是应该在桌子上这样做？不然呢？我是html5的新手，但不是老的html。我应该在哪里找到关于这方面的信息？有什么建议吗？

Answer 1

简单的CSS可以解决这个问题。只需将这些规则分配给您的聊天气泡容器：

.bubbles_container {
    position: fixed;
    bottom: 0;
    left: 0;
}