flex多层布局实现垂直滚动

先上一个效果图,使用的是flex多层嵌套,当父元素设置flex-direction: column并且子元素设置flex:1的时候,这个自适应高度的模块如何实现垂直滚动:

先上效果图:

这里我的滚动区域是一个聊天窗口,下面是代码的实现

重要的是理解css calc函数的功能以及单位属性vh,这里有相关介绍:

calc: https://blog.csdn.net/romantic_love/article/details/80868909

本站教程资源免费提供,扫右侧二维码免费获取》》》》》》》》》》》》》
注:下载本站视频仅供个人学习使用,禁止用于其他用途,因用户自身造成一切问题与本站无关!版权归原作者所有,本站不承担技术及版权问题,如有侵犯您的权益请联系我们删除

为您推荐

发表评论