uniapp求一个效果 demo 上滑到一定位置中间一个东西浮动

顶部 一个图片广告 swiper

中间有个分类 scroll-view

底下是列表 swiper

最底下是 navigationBar

不可以传图片 好纠结。。。。。。。。。。

当滑动列表到广告不见的时候 中间分类浮动到最顶部。

<swiper class="swiper-banner" circular :indicator-dots="indicatorDots" >
<swiper-item class="banner">
<image class="banner-img" src="../../static/banner.jpg"></image>
</swiper-item>
<swiper-item class="banner">
<image class="banner-img" src="../../static/banner.jpg"></image>
</swiper-item>
<swiper-item class="banner">
<image class="banner-img" src="../../static/banner.jpg"></image>
</swiper-item>
</swiper>

           //这里需要浮动到顶部  
    <scroll-view scroll-x="true" class="tab-h" v-bind:scroll-into-view="scroll_into" v-bind:scroll-with-animation="true">  
        <view v-for="(item, index) in tab_bar" class="tab-item" v-bind:class="current_tab==index ? 'tab-bar-active' : ''"  
         v-bind:key="index" v-bind:data-current="index" v-bind:id="item.id" v-on:click="change_tab">{{item.tit}}  
          </view>  
    </scroll-view>