微信小程序 scroll-view 自适应滚动视图

scroll-view详解

通过获取设备高度来设置滚动视图高度。可以把滚动元素的高度也依此类推设置，这里不多说。

style="height:{
  {height}}px;"

index.wxml 

<!--index.wxml-->
<view class="section">
  <view class="section__title">vertical scroll</view>
  <scroll-view scroll-y style="height:{
  {height}}px;" bindscrolltoupper="upper" bindscrolltolower="lower" bindscroll="scroll" scroll-into-view="{
  {toView}}" scroll-top="{
  {scrollTop}}">
    <view id="green" class="scroll-view-item bc_green"></view>
    <view id="red"  class="scroll-view-item bc_red"></view>
    <view id="yellow" class="scroll-view-item bc_ye