小程序中<scroll-view>的自适应高度纯css解决方案
我们都知道小程序的scroll-view组件必须给它一个高度才会有滚动效果,那如果要自适应高度的话,可能会想到用js来解决,通过各种运算得出自适应的高度,意味着你首先要通过js来获取窗口的高度,兄弟元素的高度甚至父元素的兄弟元素的高度等数据,嗯。。。非常麻烦
下面是我用纯css来解决这个问题的方法:
首先:父元素设置
.parent {
display: flex;
flex-direction: column;
}
滑动组件:
.child {
height: 0;
flex: 1;
}
原创
2020-09-07 17:14:49 ·
967 阅读 ·
0 评论