diff --git a/compiled/alipay/demo/pages/Card/index.axml b/compiled/alipay/demo/pages/Card/index.axml
index fabfd73ab..e7bfd17b1 100644
--- a/compiled/alipay/demo/pages/Card/index.axml
+++ b/compiled/alipay/demo/pages/Card/index.axml
@@ -27,7 +27,7 @@
     title="标题"
     className="card-title-radius {{titleSticky ? 'card-demo-sticky' : ''}}"
     headSticky="{{true}}"
-    stickyTop="{{0}}"
+    stickyTop="{{100}}"
     stickyTransparentTitle="{{false}}"
     onTitleSticky="handleTitleSticky"
   >
diff --git a/compiled/alipay/demo/pages/Sticky/index.axml b/compiled/alipay/demo/pages/Sticky/index.axml
index 57eaa8c50..3b693489e 100644
--- a/compiled/alipay/demo/pages/Sticky/index.axml
+++ b/compiled/alipay/demo/pages/Sticky/index.axml
@@ -1,27 +1,27 @@
 <view class="navigation-bar"></view>
 <ant-container title="基础用法">
-  <ant-sticky>
+  <ant-sticky transparentTitle>
     <view>
       我会吸顶
     </view>
   </ant-sticky>
 </ant-container>
 <ant-container title="指定吸顶高度">
-  <ant-sticky top="100px">
+  <ant-sticky top="200px">
     <view>
-      我会吸顶在距离顶部 100px 的地方
+      我会吸顶在距离顶部 200px 的地方
     </view>
   </ant-sticky>
 </ant-container>
 <view style="height: 200px;"></view>
 <ant-container title="感知是否吸顶">
   <ant-sticky
-    top="180px"
+    top="300px"
     check
     onStickyChange="handleStickyChange"
   >
     <view>
-      <view>我会吸顶在距离顶部 180px 的地方</view>
+      <view>我会吸顶在距离顶部 300px 的地方</view>
       <view>是否吸上了 {{stickyStatus}}</view>
     </view>
   </ant-sticky>
diff --git a/compiled/alipay/src/Dialog/index.en.md b/compiled/alipay/src/Dialog/index.en.md
index 4da651f68..afe23759a 100644
--- a/compiled/alipay/src/Dialog/index.en.md
+++ b/compiled/alipay/src/Dialog/index.en.md
@@ -9,8 +9,6 @@ toc: 'content'
 
 # Dialog
 
-## When to use
-
 When the application needs to alert or remind the current operation behavior of the user, the dialog box may be used. The user needs to operate on the dialog box before ending.
 
 ## Introduction
diff --git a/compiled/alipay/src/NoticeBar/index.en.md b/compiled/alipay/src/NoticeBar/index.en.md
index f2e77f6e1..b0bbad593 100644
--- a/compiled/alipay/src/NoticeBar/index.en.md
+++ b/compiled/alipay/src/NoticeBar/index.en.md
@@ -9,11 +9,7 @@ toc: content
 
 # NoticeBar
 
-Shows a set of message notifications.
-
-## When to use
-
-For the notification of information in the current page, it is a more eye-catching way of notification in the page.
+Shows a set of message notifications. Usually used for the notification of information in the current page, is a more eye-catching in-page notification.
 
 ## Introduction
 
diff --git a/compiled/alipay/src/SafeArea/index.en.md b/compiled/alipay/src/SafeArea/index.en.md
index a8f0b88e9..92848b335 100644
--- a/compiled/alipay/src/SafeArea/index.en.md
+++ b/compiled/alipay/src/SafeArea/index.en.md
@@ -8,9 +8,6 @@ toc: 'content'
 ---
 
 # SafeArea
-
-## When to use
-
 When the web page is displayed in full screen, the top and bottom of the screen can be adapted by means of a safe zone, such as a bang screen.
 
 ## Introduction
diff --git a/compiled/alipay/src/Sticky/index.en.md b/compiled/alipay/src/Sticky/index.en.md
index 9a7eefdec..895a5b30c 100644
--- a/compiled/alipay/src/Sticky/index.en.md
+++ b/compiled/alipay/src/Sticky/index.en.md
@@ -8,10 +8,7 @@ toc: 'content'
 ---
 
 # Sticky
-
-## When to use
-
-Need to be adsorbed in some places in the rolling situation.
+Used in cases where it is necessary to adsorb in some places during rolling.
 
 ## Precautions
 
diff --git a/compiled/wechat/demo/pages/Card/index.wxml b/compiled/wechat/demo/pages/Card/index.wxml
index 3d093c684..3697066a6 100644
--- a/compiled/wechat/demo/pages/Card/index.wxml
+++ b/compiled/wechat/demo/pages/Card/index.wxml
@@ -23,7 +23,7 @@
     title="标题"
     className="card-title-radius {{titleSticky ? 'card-demo-sticky' : ''}}"
     headSticky="{{true}}"
-    stickyTop="{{0}}"
+    stickyTop="{{100}}"
     stickyTransparentTitle="{{false}}"
     bind:titlesticky="handleTitleSticky"
   >
diff --git a/compiled/wechat/demo/pages/Sticky/index.wxml b/compiled/wechat/demo/pages/Sticky/index.wxml
index 1b708d536..9069f2d6b 100644
--- a/compiled/wechat/demo/pages/Sticky/index.wxml
+++ b/compiled/wechat/demo/pages/Sticky/index.wxml
@@ -1,23 +1,23 @@
 <view class="navigation-bar"></view>
 <ant-container title="基础用法">
-  <ant-sticky>
+  <ant-sticky transparentTitle>
     <view>我会吸顶</view>
   </ant-sticky>
 </ant-container>
 <ant-container title="指定吸顶高度">
-  <ant-sticky top="100px">
-    <view>我会吸顶在距离顶部 100px 的地方</view>
+  <ant-sticky top="200px">
+    <view>我会吸顶在距离顶部 200px 的地方</view>
   </ant-sticky>
 </ant-container>
 <view style="height: 200px;"></view>
 <ant-container title="感知是否吸顶">
   <ant-sticky
-    top="180px"
+    top="300px"
     check
     bind:stickychange="handleStickyChange"
   >
     <view>
-      <view>我会吸顶在距离顶部 180px 的地方</view>
+      <view>我会吸顶在距离顶部 300px 的地方</view>
       <view>是否吸上了{{stickyStatus}}</view>
     </view>
   </ant-sticky>
diff --git a/compiled/wechat/src/Dialog/index.en.md b/compiled/wechat/src/Dialog/index.en.md
index 4da651f68..afe23759a 100644
--- a/compiled/wechat/src/Dialog/index.en.md
+++ b/compiled/wechat/src/Dialog/index.en.md
@@ -9,8 +9,6 @@ toc: 'content'
 
 # Dialog
 
-## When to use
-
 When the application needs to alert or remind the current operation behavior of the user, the dialog box may be used. The user needs to operate on the dialog box before ending.
 
 ## Introduction
diff --git a/compiled/wechat/src/NoticeBar/index.en.md b/compiled/wechat/src/NoticeBar/index.en.md
index f2e77f6e1..b0bbad593 100644
--- a/compiled/wechat/src/NoticeBar/index.en.md
+++ b/compiled/wechat/src/NoticeBar/index.en.md
@@ -9,11 +9,7 @@ toc: content
 
 # NoticeBar
 
-Shows a set of message notifications.
-
-## When to use
-
-For the notification of information in the current page, it is a more eye-catching way of notification in the page.
+Shows a set of message notifications. Usually used for the notification of information in the current page, is a more eye-catching in-page notification.
 
 ## Introduction
 
diff --git a/compiled/wechat/src/SafeArea/index.en.md b/compiled/wechat/src/SafeArea/index.en.md
index a8f0b88e9..92848b335 100644
--- a/compiled/wechat/src/SafeArea/index.en.md
+++ b/compiled/wechat/src/SafeArea/index.en.md
@@ -8,9 +8,6 @@ toc: 'content'
 ---
 
 # SafeArea
-
-## When to use
-
 When the web page is displayed in full screen, the top and bottom of the screen can be adapted by means of a safe zone, such as a bang screen.
 
 ## Introduction
diff --git a/compiled/wechat/src/Sticky/index.en.md b/compiled/wechat/src/Sticky/index.en.md
index 9a7eefdec..895a5b30c 100644
--- a/compiled/wechat/src/Sticky/index.en.md
+++ b/compiled/wechat/src/Sticky/index.en.md
@@ -8,10 +8,7 @@ toc: 'content'
 ---
 
 # Sticky
-
-## When to use
-
-Need to be adsorbed in some places in the rolling situation.
+Used in cases where it is necessary to adsorb in some places during rolling.
 
 ## Precautions
 
diff --git a/demo/pages/Card/index.axml b/demo/pages/Card/index.axml
index fd171d1df..91e78a3e8 100644
--- a/demo/pages/Card/index.axml
+++ b/demo/pages/Card/index.axml
@@ -21,7 +21,7 @@
     title="标题"
     className="card-title-radius {{ titleSticky ? 'card-demo-sticky' : '' }}"
     headSticky="{{true}}"
-    stickyTop="{{0}}"
+    stickyTop="{{100}}"
     stickyTransparentTitle="{{ false }}"
     onTitleSticky="handleTitleSticky"
   >
diff --git a/demo/pages/Sticky/index.axml b/demo/pages/Sticky/index.axml
index e2cc80435..87e8ed3d6 100644
--- a/demo/pages/Sticky/index.axml
+++ b/demo/pages/Sticky/index.axml
@@ -1,7 +1,9 @@
 <view class="navigation-bar"/>
 
 <ant-container title="基础用法">
-  <ant-sticky>
+  <ant-sticky
+    transparentTitle
+  >
     <view>
       我会吸顶
     </view>
@@ -10,10 +12,10 @@
 
 <ant-container title="指定吸顶高度">
   <ant-sticky
-    top="100px"
+    top="200px"
   >
     <view>
-      我会吸顶在距离顶部 100px 的地方
+      我会吸顶在距离顶部 200px 的地方
     </view>
   </ant-sticky>
 </ant-container>
@@ -22,12 +24,12 @@
 
 <ant-container title="感知是否吸顶">
   <ant-sticky
-    top="180px"
+    top="300px"
     check
     onStickyChange="handleStickyChange"
   >
     <view>
-      <view>我会吸顶在距离顶部 180px 的地方</view>
+      <view>我会吸顶在距离顶部 300px 的地方</view>
       <view>是否吸上了 {{ stickyStatus }}</view>
     </view>
   </ant-sticky>