From 0e1461404acb8109fca1ea792020887ea4f5552f Mon Sep 17 00:00:00 2001
From: Eiinu <eiinu@qq.com>
Date: Tue, 5 Sep 2023 19:57:55 +0800
Subject: [PATCH] docs(popup): update

---
 src/packages/__VUE/popup/doc.taro.md | 22 +++++++++++++++-------
 1 file changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/packages/__VUE/popup/doc.taro.md b/src/packages/__VUE/popup/doc.taro.md
index 282b53f1e3..0d52acaef2 100644
--- a/src/packages/__VUE/popup/doc.taro.md
+++ b/src/packages/__VUE/popup/doc.taro.md
@@ -147,22 +147,30 @@ const showPop2 = ref(false);
 
 ### 禁止滚动穿透
 
-> 仅适用于微信小程序
+> 4.1.5 版本更新，仅适用于 H5 与微信小程序
 
 使用这类全局遮罩类型的组件时，滑动组件可能会出现底层页面一起滑动的问题。
 
-开启 `lock-scroll` 可以阻止 Popup 的背景遮罩层的滚动穿透问题。
+开启 `lock-scroll` 可以阻止 Popup 的背景遮罩层的滚动穿透问题，已默认开启。
 
-开启 `catch-move` 可以阻止 Popup 的内容区域的滚动穿透问题，但会导致其本身无法滚动。
+使用 Taro 提供的 [catch-move](https://taro-docs.jd.com/docs/vue-overall#%E4%BA%8Ccatchmove) 可以阻止 Popup 的内容区域的滚动穿透问题，但会导致其本身无法滑动。
 
-在此基础上再增加 `scroll-view` 组件则可以避免这个问题。
+```vue
+<template>
+  <nut-popup :catch-move="true">
+    <view>在该内容区域溢出时，无法滑动</view>
+  </nut-popup>
+</template>
+```
 
-以下为推荐方案：
+如果需要内容支持溢出滚动，则需要包裹一层 `scroll-view` 组件。
 
 ```vue
 <template>
-  <nut-popup :lock-scroll="true" :catch-move="true">
-    <scroll-view>同时开启 lock-scroll 与 catch-move，且内部使用 scroll-view 包裹</scroll-view>
+  <nut-popup :catch-move="true">
+    <scroll-view>
+      <view>在该内容溢出时，则可以正常滑动</view>
+    </scroll-view>
   </nut-popup>
 </template>
 ```