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