<scroll-view
scroll-x
enable-flex
scroll-into-view="{{id}}"
style="display: flex; flex-direction: row; margin-top: 128px;"
>
<view
wx:for="{{menus}}"
wx:key="*this"
style="min-width: 96px; text-align: center"
id="{{'item_' + index}}"
bind:tap="tap"
>
{{item}}
</view>
</scroll-view>
Page({
data: {
menus: ['A', 'B', 'C', 'D', 'E', 'F'],
id: 0
},
tap({currentTarget: {id}}) {
this.setData({id})
}
})
异常一:
点击C,期待C移动到视口中央,实际C移动到了视口最左侧。
异常二:
点击F再点击C,期待C移动到视口中央同时展示B,实际C只滚动了几个像素的距离。
解决了吗