diff --git a/src/packages/popup/demos/taro/demo8.tsx b/src/packages/popup/demos/taro/demo8.tsx
index 38d6895dcb..a5fdb77716 100644
--- a/src/packages/popup/demos/taro/demo8.tsx
+++ b/src/packages/popup/demos/taro/demo8.tsx
@@ -13,7 +13,20 @@ const Demo8 = () => {
           setScrollPenetration(true)
         }}
       />
-      <Popup visible={scrollPenetration} position="bottom" lockScroll>
+      <Popup
+        visible={scrollPenetration}
+        position="bottom"
+        lockScroll
+        onOpen={() => {
+          // @ts-ignore
+          Taro.getEnv().toLowerCase() === 'weapp' &&
+            // @ts-ignore
+            wx.setPageStyle({
+              complete: console.log,
+              style: { overflow: 'hidden' },
+            })
+        }}
+      >
         <ScrollView scrollY style={{ height: '200px' }}>
           {Array.from({ length: 200 })
             .fill('')
diff --git a/src/packages/popup/doc.taro.md b/src/packages/popup/doc.taro.md
index 8e9880be00..b7fe0c0c89 100644
--- a/src/packages/popup/doc.taro.md
+++ b/src/packages/popup/doc.taro.md
@@ -80,6 +80,8 @@ import { Popup } from '@nutui/nutui-react-taro'
 
 如果需要内容支持溢出滚动，则需要包裹一层 ScrollView 组件。
 
+如果 page 可以滚动，可以在 popup 的 onOpen 中通过环境判断来动态设置 page 标签的样式。
+
 :::demo
 
 <CodeBlock src='taro/demo8.tsx'></CodeBlock>