fix: 修复滚动穿透的问题

react-component · Jul 3, 2019 · 6098940 · 6098940
1 parent 9760e83
commit 6098940
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/Dialog.tsx b/src/Dialog.tsx
@@ -6,6 +6,10 @@ import IDialogPropTypes from './IDialogPropTypes';
 function noop() {
 }
 
+function move(e) {
+  e.preventDefault();
+}
+
 export default class Dialog extends React.Component<IDialogPropTypes, any> {
   static defaultProps = {
     afterClose: noop,
@@ -24,11 +28,18 @@ export default class Dialog extends React.Component<IDialogPropTypes, any> {
   footerRef: any;
   wrapRef: any;
 
+  componentDidMount() {
+    if (this.wrapRef) {
+      this.wrapRef.addEventListener('touchmove', move, false);
+    }
+  }
+
   componentWillUnmount() {
     // fix: react@16 no dismissing animation
     document.body.style.overflow = '';
     if (this.wrapRef) {
       this.wrapRef.style.display = 'none';
+      this.wrapRef.removeEventListener('touchmove', move, false);
     }
   }