小程序滑动选项卡tab

今天在完成小程序时遇到了一个滑动tab。

主要实现的效果是：

点击tab某项时，进行放大，点击左面的tab整体向左滑。

点击右面的tab向右滑。

借鉴了往上的例子稍微改动了一下

现在记录一下：

wxml：

<!--pages/find/find.wxml-->
<view class="wrap">
  <view class="background_img">
    <image src="../image/active_banner.png" mode="widthFix"></image>

    <view class="search_title">
      <view class="top_content">
        <view class="looked_type">
          <scroll-view scroll-x class="navbar" scroll-with-animation scroll-left="{
  {scrollLeft}}rpx">
            <view wx:for="{
  {tabs}}" wx:key="id" bindtap="tabSelect" da