uniapp 中scroll-view高度适配问题

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第2天，点击查看活动详情

scroll-view标签用于区域滚动。

注意：需注意在webview渲染的页面中，区域滚动的性能不及页面滚动。

问题： 1、设置高度为100% 或者 100vh 不生效 无法滚动 2、手机正常使用显示，pad查看时看不到 退出按钮

• 问题统计：
• 1、要设置 固定高度
• 2、高度不能设置百分比，不生效
• 3、要设置能够自适应的高度，不可以固定高度，会有不兼容的手机型号

针对我遇到的第一个问题，设置固定高度，在不能使用百分比的基础上，使用计算属性进行优化，拯救我于水火之中。

自认为以下不是最优方案，或者有伙伴有其他优质方案可以共享，持续优化中·····

  <scroll-view scroll-y="true" class="sv">

    </scroll-view>
  </view>

// css 样式

<style lang="scss" scoped>
 
 .view-content {
  height: 100%;
  flex-grow: 1;
  .sv{
    height: calc(100vh - 150rpx - env(safe-area-inset-bottom));  // 这是主要
    flex-grow: 1;
  }
 }

150rpx 可根据手机需要进行调节 值越大 底部留出的空间越大
height: calc(100vh - 150rpx - env(safe-area-inset-bottom));