首页 > 移动平台 > 详细

uni-app 计算scroll-view高度

时间:2021-07-28 18:10:11      阅读:25      评论:0      收藏:0      [点我收藏+]
<view :style=‘{height: scrollHeight}‘>
  <view class=‘swiper-item‘>
    <scroll-view
      scroll-y
      style="height: 100%; width: 100%;"
      lower-threshold="50"
      >
      <view class=‘card‘>
        内容...
      </view>
    </scroll-view>
  </view>
</view>

 

onReady() {
    // 计算scroll-view高度
    uni.getSystemInfo({
      success: resu => {
        const query = uni.createSelectorQuery()
        query.select(‘.swiper-item‘).boundingClientRect()
        query.exec(res => {
          this.scrollHeight = resu.windowHeight - res[0].top + ‘px‘;
          console.log(‘打印页面的剩余高度‘, this.scrollHeight);
        })
      }
    })
 },

 

uni-app 计算scroll-view高度

原文:https://www.cnblogs.com/Blogzlj/p/15070935.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!