html

小丶_明 · 发表于 2019-12-2 17:41

html里面这是个层 ,设置消息从底部出现

但是层内,消息添加到一定数量的时候,层不能滚动

样式表是

这个好像和 overflow冲突,各位大佬有解决办法吗,
让消息从底部开始,然后超过层的高度可以滚动查看

XXXXXMY · 发表于 2019-12-2 18:16

外层是否有高度？定个高度，overflow会有效

小丶_明 · 发表于 2019-12-3 09:27

XXXXXMY 发表于 2019-12-2 18:16
外层是否有高度？定个高度，overflow会有效

外层添加了高度也没用,好像是
justify-content: flex-end
和overflow-y: auto冲突,
但是目前需要页面消息框发送消息从底部开始添加

XXXXXMY · 发表于 2019-12-3 10:42

本帖最后由 XXXXXMY 于 2019-12-3 11:00 编辑

试了一下，是遇到这样问题，说是overflow的问题，只有下部溢出会加滚动条，上部溢出会裁剪。
结合你的需求，应该是要改动一下写法了。我写了一个简单的效果，你看看，

[HTML] 纯文本查看 复制代码

<style>
    * {
        margin: 0;
        padding: 0;
    }

    .flex {
        display: flex;
        flex-flow: column nowrap;
        overflow: auto;
        height: 50vh;
    }

    p {
        background: #ccc;
        margin-bottom: 10px;
    }

    p:first-child {
        margin-top: auto;
    }
</style>

<body>
    <div class="flex"></div>
</body>
<script>
    const length = 15;
    for (let i = 0; i <= length; i++) {
        document.querySelector('.flex').innerHTML += `<p>${i}</p>`;
    }
</script>

小丶_明 · 发表于 2019-12-3 11:21

XXXXXMY 发表于 2019-12-3 10:42
试了一下，是遇到这样问题，说是overflow的问题，只有下部溢出会加滚动条，上部溢出会裁剪。
结合你的需 ...

好的，谢谢了，这个查过没找到什么解决办法

帐号		自动登录	找回密码
密码			注册[Register]

[求助] html