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的问题，只有下部溢出会加滚动条，上部溢出会裁剪。
结合你的需求，应该是要改动一下写法了。我写了一个简单的效果，你看看，
<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的问题，只有下部溢出会加滚动条，上部溢出会裁剪。
结合你的需 ...

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

页: [1]

吾爱破解 - 52pojie.cn's Archiver

html