小程序 根据内容长度而滚动
根据内容长度而滚动,主要用到小程序自带的组件 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

浙公网安备 33010602011771号