From ccf52e7113cf4b15a451f76e05bffc4c5e0f5161 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E4=BA=9A=E7=90=AA?= <wangyaqi988@163.com>
Date: Sun, 21 Apr 2024 12:06:50 +0800
Subject: [PATCH] =?UTF-8?q?test:=20=E8=B0=83=E6=95=B4=E6=B5=8B=E8=AF=95?=
 =?UTF-8?q?=E4=BE=8B=E8=A7=84=E9=81=BFiOS=20safari=E8=A1=A8=E7=8E=B0?=
 =?UTF-8?q?=E4=B8=8D=E4=B8=80=E8=87=B4=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

如果父元素设置了`overflow-y: auto; -webkit-overflow-scrolling: touch;`样式，那么他的自元素即使是fixed也会受overflow属性影响而无法显示
---
 pages/CSS/layout/position.uvue | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/pages/CSS/layout/position.uvue b/pages/CSS/layout/position.uvue
index 368ef41c..611f3c3f 100644
--- a/pages/CSS/layout/position.uvue
+++ b/pages/CSS/layout/position.uvue
@@ -4,15 +4,15 @@
     <!-- #endif -->
     <view style="flex-grow: 1">
       <view>
-        <text>position: relative</text>
+        <text>position: fixed</text>
         <scroll-view
           style="width: 250px; height: 250px; background-color: gray"
         >
           <view
             style="width: 50px; height: 50px; background-color: red"
           ></view>
-          <view class="common" style="position: relative">
-            <text class="text">relative</text>
+          <view class="common fixed" style="position: fixed">
+            <text class="text">fixed</text>
           </view>
           <view
             style="width: 50px; height: 50px; background-color: blue"
@@ -39,15 +39,15 @@
       </view>
 
       <view>
-        <text>position: absolute</text>
+        <text>position: relative</text>
         <scroll-view
           style="width: 250px; height: 250px; background-color: gray"
         >
           <view
             style="width: 50px; height: 50px; background-color: red"
           ></view>
-          <view class="common" style="position: absolute">
-            <text class="text">absolute</text>
+          <view class="common" style="position: relative">
+            <text class="text">relative</text>
           </view>
           <view
             style="width: 50px; height: 50px; background-color: blue"
@@ -74,15 +74,15 @@
       </view>
 
       <view>
-        <text>position: fixed</text>
+        <text>position: absolute</text>
         <scroll-view
           style="width: 250px; height: 250px; background-color: gray"
         >
           <view
             style="width: 50px; height: 50px; background-color: red"
           ></view>
-          <view class="common fixed" style="position: fixed">
-            <text class="text">fixed</text>
+          <view class="common" style="position: absolute">
+            <text class="text">absolute</text>
           </view>
           <view
             style="width: 50px; height: 50px; background-color: blue"
@@ -107,7 +107,8 @@
           ></view>
         </scroll-view>
       </view>
-    </view>
+
+      </view>
     <!-- #ifdef APP -->
   </scroll-view>
   <!-- #endif -->
-- 
GitLab