小程序 根据内容长度而滚动

根据内容长度而滚动,主要用到小程序自带的组件 scroll-view ,如果是横向滚动 则使用 scroll-left ;如果是竖向滚动 scroll-top 

我现在遇到的场景是在选择地址  这个问题:当你选择完后我们依然能够见到 请选择  

 

 

 

 

 

 

<scroll-view scroll-x="true" style="height:{{height-50}}px;" scroll-left="{{scrollLeft}}">
 <view wx:for="{{recordList}}" wx:key="item.id">
     <text>{{item.text}}</text>
 </view
</scroll-view>


Page({
 data: {
 scrollLeft: 0,
 addressList:[] //这些个地址呢,是存在这个数组里的,可以根据长度来决定scrollLeft的值
 },
 onLoad: function (options) {

  that.setData({
   // 1.计算页面上每一个item的标签的高
   // 2.用数组的获取的addressList的长度*每个item标签的高度(100是我目测的,说白了就是瞎写的,反正肯定比每个item的宽度大,只要够宽就行。)
   scrollLeft: this.data.addressList.length * 100
  })
  }
 
})

在你点击地址时 给 scrollLeft 赋值就行了

有用,百度上的都是高度 https://www.jb51.net/article/150492.htm

 

posted @ 2019-10-09 15:59  敲代码的树先生  阅读(715)  评论(0编辑  收藏  举报