一:首先顶部有tab导航,点击的时候需要定位到Id的位置,所有ID为动态
二:下面的容器使用小程序标签包裹
1:scroll-into-view="{{toView}}" scroll-into-view
值应为某子元素id(id不能以数字开头)。设置哪个方向可滚动,则在哪个 方向滚动到该元素
2:scroll-y=“true” 允许纵向滚动
3:scroll-top="{{scrllorTop}}" 设置横向滚动条位置 我这里scrllorTop为0
<scroll-view class="browse_content_box" scroll-into-view="{{toView}}" scroll-y="true" style="height:100%" scroll-top="{{scrllorTop}}">
<view wx:for="{{resultArr}}" wx:key="index" >
<view class="centers_title_header" id="{{item.idName}}{{index}}">
<text>{{item.title}}</text>
<view class="browse_content_item">
<view class="browse_items" wx:for="{{item.list}}" wx:key="index" wx:for-item="items">
<view bindtap="searchSingle" data-id="{{items.id}}" data-index="{{index}}"
data-current="{{items.currentIndex}}"
class="{{ (nums ) == items.nums ? 'browse_border' : items.state? 'browse_items_radius1':'browse_items_radius' }}">
<text>{{items.nums}}</text>
</view>
</view>
</view>
</view>
</view>
</scroll-view>
4.查看ID绑定值 这里所有ID为动态ID
5,获取节点ID
onChanges(event) {
let {
index
} = event.currentTarget.dataset
let that = this
let scrollName ='scroll'+index //绑定的ID就是为‘scroll’+index,所以就这样获取
console.log(scrollName)
this.setData({
toView:scrollName
})
第二题:
第四题:
第六题:
这里是获取到的ID名称----------完美