ww--电影界面向下滑动固定tab

pages/play/movie/movie.js

@@ -13,6 +13,8 @@ Page({
             pageSize: '-1'
         },
         loading: true,
+        statusTop: '',
+        statusFixed: false,
         marginTop: '',
         // 屏幕显示高度
         windowHeight: 0,
@@ -30,7 +32,7 @@ Page({
                 color: '#ffffff',
                 background: 'rgba(28, 28, 37, 1)'
             },
-            scroll: '100rpx',
+            scroll: '20rpx',
         },
         navigationScroll: 0,
 
@@ -75,6 +77,17 @@ Page({
         if (logicData.pageScrollLock) return
         logicData.pageScrollLock = true
 
+        if (funcEvent.scrollTop > 20) {
+            this.setData({
+                statusFixed: true,
+                statusTop: wx.getStorageSync('navigationStatusHeight') + wx.getStorageSync('navigationCapsuleHeight') + 'px'
+            })
+        } else {
+            this.setData({
+                statusFixed: false,
+            })
+        }
+
         this.setData({
             navigationScroll: funcEvent.scrollTop
         })
@@ -96,7 +109,8 @@ Page({
     },
     setFooterLocation: function () {
         let that = this
-        let { windowHeight, marginTop, footerFixed } = this.data
+        let { windowHeight, marginTop, } = this.data
+        let footerFixed = true
         let footerHeight = Math.floor(214 * wx.getStorageSync('unitProportion'))
         // 显示高度
         let showHeight = windowHeight - footerHeight - marginTop

pages/play/movie/movie.wxml

 <navigation class="navigation" titleText="所有影片" color="#ffffff" backIcon="/image/back-w.png" scrollStyle="{{navigationStyle}}" scrollHeight="{{navigationScroll}}"></navigation>
 
 <view id="page" class="contaniner con-s" style="margin-top: {{marginTop + 'px'}}">
-    <view class="status row align-c">
+    <view class="status row align-c {{statusFixed ? 'status-fixed' : ''}}" style="{{statusFixed ? 'top: ' + (statusTop) : ''}}">
         <block wx:for="{{statusList}}" wx:for-index="index" wx:for-item="item" wx:key="index">
             <view class="status-item row con-c align-c" data-type="{{index}}" bindtap="onSelectionStatus">
                 <view class="row con-c align-c {{index === statusActive ? 'status-item-active' : ''}}">

pages/play/movie/movie.wxss

@@ -22,9 +22,15 @@ page {
 } */
 
 /* 状态筛选菜单 */
+.status-fixed {
+    z-index: 999;
+    position: fixed;
+    left: 0;
+}
 .status {
     width: 750rpx;
     height: 72rpx;
+    background-color: #1C1C25;
     border-bottom: 1px #3A3A40 solid;
 }
 .status-item {

pages/play/service-detail/service-detail.wxml

@@ -371,9 +371,9 @@
         </view>
     </view>
 
-    <view class="movie-footer">
+    <!-- <view class="movie-footer">
         <image src="/image/movie-bottom.png"></image>
-    </view>
+    </view> -->
 
     <!-- 简介，评价 -->
     <view class="selection-content movie-border row">