微信小程序scroll-view的属性scroll-into-view的id值问题

1,308 阅读1分钟

解决导航栏随着点击移动到最左端的问题

网易.jpg
在微信小程序中如何实现?

<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}}"