整体滚动

public/static/index/mobile/css/category.css

@@ -65,7 +65,7 @@ body {
 /* 左侧菜单  #FAFAFA;*/
 .sidebar {
     width: 114px;
-    background: #fff;
+    background:#fafafa;
     overflow-y: auto;
     box-sizing: border-box;
 }
@@ -77,7 +77,7 @@ body {
     font-size: 0.28rem !important;
     color:#686A70;   /* #686A70;*/
     cursor: pointer;
-    background:#FAFAFA;
+    background:#fff;
     /* 分别控制上下圆角的过渡 */
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
@@ -85,7 +85,7 @@ body {
 }
 .sidebar li.active {
     color: #004BFA;
-    background: #fff;
+    background: #fafafa;
 }
 
 
@@ -101,16 +101,39 @@ body {
     flex: 1;
     overflow-y: auto;
     padding-left: 12px;
-    background: #fff;
-    margin-bottom: 80px;
+    background: #fafafa;
+    /* padding-bottom: 100px; */
 
 }
 
+.right-content {
+    flex: 1;
+    overflow-y: auto;
+    padding-left: 12px;
+    background: #fafafa;
+    position: relative;
+}
+
+/* 在底部添加占位元素 */
+.right-content::after {
+    content: '';
+    display: block;
+    height: 80px; /* 根据需要调整 */
+    width: 100%;
+    flex-shrink: 0;
+}
+
+/* 最后一个元素底部留白 */
+.sec-box:last-child {
+    margin-bottom: 80px;
+}
+
+
+
 .sec-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
-
     padding-top: 24px;
     padding-right: 17px;
     padding-bottom: 12px;
@@ -153,7 +176,7 @@ body {
 
 .right-card {
     flex-shrink: 0;
-    background: #FAFAFA;
+    background: #fff;
     border-radius: 8px;
     overflow: hidden;
     box-shadow: 0 1px 2px rgba(0, 0, 0, .05);

public/static/index/mobile/css/new_header.css

@@ -118,9 +118,9 @@
     .sub-menu {
         display: none;
         /* height: 100vh; */
-        overflow-y: auto;
+        /* overflow-y: auto;
         overflow-x: hidden;
-        -webkit-overflow-scrolling: touch;
+        -webkit-overflow-scrolling: touch; */
     }
     
     /* .sub-menu-overflow {
@@ -449,9 +449,9 @@
     overflow-y: visible !important;
 }
 
-/* 其他导航的子菜单使用JS动态设置高度 */
+/* 其他导航的子菜单使用JS动态设置高度
 .has-child:not(:first-child) .sub-menu {
     overflow-y: auto;
     overflow-x: hidden;
     -webkit-overflow-scrolling: touch;
-}
+} */