解决导航栏随着点击移动到最左端的问题
在微信小程序中如何实现?
<scroll-view scroll-x scroll-into-view="{{'scroll' + navId}}">
<view class="navScroll">
<view class="navItem" wx:for="{{videoGroupList}}" wx:key="id" id="{{'scroll' + item.id}}">
<view class="navContent {{navId === item.id ? 'active' : ''}}" bindtap="changeNav" id="{{item.id}}" data-id="{{item.id}}">
{{item.name}}
</view>
</view>
</view>
</scroll-view>
在scroll-view中添加scroll-into-view属性,和在它的子元素中添加id与之对应
但是scroll-into-view的id值是以字母开头的id值,
可以拼接字符串解决这个问题
scroll-into-view="{{'scroll' + navId}}"