请选择 进入手机版 | 继续访问电脑版

微信小程序实现顶部固定,内容区域自适应大小并滚动的布局

[复制链接]
漫舞飞天 发表于 2021-1-2 19:01:28 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
效果镇楼



box-top头部区域内容是可以不设高度,完全又内部元素撑开的,没有任何问题,而且也可以在底部加上别的区域,也是没有问题的,中间紫色区域也是自适应巨细的,不会影响其他元素。
  1.                我是滚动区域       我是滚动区域       我是滚动区域       我是滚动区域       我是滚动区域       我是滚动区域       我是滚动区域       我是滚动区域       我是滚动区域       我是滚动区域       我是滚动区域       我是滚动区域       我是滚动区域       我是滚动区域       我是滚动区域       我是滚动区域       我是滚动区域       我是滚动区域      /* 演示 */.box{  display: flex;  flex-direction: column;  height: 100vh;}.box-top{    height: 80rpx;    background-color: skyblue;}.box-bottom{  flex: 1;  position: relative;}.box-bottom-scroll{  position: absolute;  left: 0px;  top: 0px;  right: 0px;  bottom: 0px;  background: thistle;}
复制代码
 
 

来源:https://blog.csdn.net/qq_42044542/article/details/112030843
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

发布主题

专注素材教程免费分享
全国免费热线电话

18768367769

周一至周日9:00-23:00

反馈建议

27428564@qq.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 蜀ICP备2021001884号-1 )