微信小程序获取滚动条高度_微信小程序完美解决scroll-view高度自适应问题的方法...

第一种情况，scroll-view占据整屏

scroll-view {

height: 100vh;

}

第二种情况，scroll-view自适应页面剩余高度

xml文件

wxss文件

.box {

display: flex;

flex-direction:column;

height:100vh;

overflow:hidden;

}

.box-head {

flex-shrink: 0;

height: 50px;

}

.box-scroll {

flex: 1;

height: 1px;

}

flex：1 高度依然不会自适应加一个默认高度1px就可以自适应了

通用组件化处理

list.wxml

class="list-scroll { { autoHeight ? 'list-scro