微信小程序自制scroll-view横向滑动滚动条(仿拼多多)

效果图

实现代码
index.wxml

<scroll-view scroll-x="true" class="scroll-view-x" style="padding-top:10rpx" scroll-with-animation="true" wx:if="{
   {
   tlist[currentTab].secondList}}" scroll-left='0' bindscroll="getleft">
        <!--内容区域-->
        <view>
          <view class="navigator_second" wx:for="{
   {
   tlist[currentTab].secondList}}" wx:for-item="childItem" bindtap="getProductList" data-id="{
   {
   childItem.id}}">
            <image class="navigator_icon" src="{