update dialog-queue style about fixed overflow auto

Author: lsslu

src/queue.js

@@ -17,15 +17,12 @@ class DialogQueue extends React.Component {
         'hide': !isFirstDialog
       };
 
-      console.log(animateClass);
-
       if(animateClass) {
         styleConfig[animateClass.enter] = !dialog.hide;
         styleConfig[animateClass.leave] = dialog.hide;
       }
 
       const dialogStyle = classNames('dialog', styleConfig);
-      console.log(dialogStyle)
       return React.createElement(dialog.cmpt, {
         key: dialog.name,
         $className: dialogStyle,
@@ -36,11 +33,14 @@ class DialogQueue extends React.Component {
   };
 
   render() {
+    const isShow = this.props.dialog.stack.length > 0;
     const queueStyle = classNames({
       'dialog-queue': true,
-      'show': this.props.dialog.stack.length > 0
+      'show': isShow
     });
 
+    document.body.style.overflow = isShow ? 'hidden' : '';
+
     return (
       <div className={queueStyle}>
         { this.generate(this.props.dialog.stack) }

src/queue.less

@@ -1,5 +1,6 @@
 .dialog-queue {
-  position: absolute;
+  position: fixed;
+  overflow: auto;
   top: 0;
   right: 0;
   bottom: 0;
@@ -24,4 +25,4 @@
   &.hide {
     display: none;
   }
-}
+}