计算scroll-view高度

最新推荐文章于 2024-01-18 14:27:43 发布

diangedan

最新推荐文章于 2024-01-18 14:27:43 发布

阅读量457

点赞数 1

分类专栏： uniapp 文章标签： uni-app swiper scroll-view 滑动加载滚动事件

本文链接：https://blog.csdn.net/diangedan/article/details/127442581

版权

uniapp 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<swiper :duration="150" :current="selectIndex" 
  :style="{height:scrollHeight}"
  @animationfinish="changeTab"
  >
 <swiper-item v-for="(tabItem,ins1) in 2" :key="ins1">
  <scroll-view scroll-y="true" class="scroll" 
  :style='{height: scrollHeight}'
   @scrolltolower="loadMore">
   <view v-for="(item, index) in dataList" :key="index">
    <view class="item">重庆乐菲亚装饰材料有限公司{{index}}</view>
   </view>
  </scroll-view>
 </swiper-item>
</swiper>

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