<!-- scroll導航欄 -->
      <view class='scrollBox2 fix-news' wx:if="{{fixTop<scrollTop}}">
      <scroll-view scroll-x="true" class="weui-navbar">
        <block wx:for="{{list}}" wx-for-index="idnex">
          <view class="swiper-tab-list {{currentTab==index ? 'on' : ''}}" data-current="{{index}}" bindtap="swichNav">{{item}}</view>
        </block>
      </scroll-view>
     </view>
     <view class='scrollBox static-news'>
      <scroll-view scroll-x="true" class="weui-navbar" >
        <block wx:for="{{list}}" wx-for-index="idnex">
          <view class="swiper-tab-list {{currentTab==index ? 'on' : ''}}" data-current="{{index}}" bindtap="swichNav">{{item}}</view>
        </block>
      </scroll-view>
     </view>
    
     <!-- scroll導航欄 -->
 

Page({
  data: {
  
    list:["視訊","問答","音訊","文章"],
    currentTab:0,
    fixTop: '',//區域離頂部的高度
   
  },
  //事件處理函
  onShow: function () {
    let self = this;
    wx.createSelectorQuery().select('.static-news').boundingClientRect(function (rect) {
      self.setData({
        fixTop: rect.top,
      })
    }).exec()
  },
  onPageScroll: function (e) {
    var that = this
    that.setData({
      scrollTop: e.scrollTop
    })
  },
})
 

.fix-news{
  position: fixed;
  top:0;
  left: 0;
  z-index: 99999;
}

希望對大家有幫助 認真看一下