滚动选择采用的是picker组件，具体使用方法如下：
实例1：
Page({
js:
data:{
{ id:1 , name: picker01},
{ id:2 ,name: picker02},
{ id:3 ,name: picker03},
{ id:4 ,name: picker04},
],
pickerListIdx:0,
}
bindPicker: function (e) {
this.setData({
pickerListIdx: e.detail.value
});
},
})
.wxml
<picker bindchange="bindPickerSale" value="{{pickerListIdx}}" range="{{pickerList}}" >
<view class="picker">
picker选择：
</view>
<view class="picker">{{pickerList[pickerListIdx]}}
</view>
</picker>
.wxss
.picker {
float: right;
text-align: right;
width: 35%;
}
实例2：
Page({
js:
data:{
pickerList: [
{ name: "1", value: ' picker01' },
{ name: "2", value: ' picker02' },
{ name: "3", value: ' picker03' },
{ name: "4", value: ' picker04' },
],
pickerListIdx: 0,
}
bindPicker: function (e) {
this.setData({
pickerListIdx: e.detail.value
});
},
})
.wxml
<picker bindchange="bindPickerSale" value="{{pickerListIdx}}" range="{{pickerList}}"
range-key="value" >
<view class="picker">
picker选择：
</view>
<view class="picker">{{pickerList[pickerListIdx].value}}
</view>
</picker>
.wxss
.picker {
float: right;
text-align: right;
width: 35%;
}
楼上两种方法可解决大多数滚动选择问题，具体问题具体分析
文章来源: 微信小程序之滚动选择器（picker）