diff --git a/README.md b/README.md
index 01ff34b7..2cbbdc1e 100644
--- a/README.md
+++ b/README.md
@@ -621,7 +621,7 @@ const PlayerWithNoSSR = dynamic(() => import('../components/Player'), {
 git clone https://github.com/lijinke666/react-music-player.git
 yarn # npm install
 yarn start # npm start
-open `http://localhost:8081/`
+open `http://localhost:8084/`
 ```
 
 ## :hourglass: Test case
diff --git a/src/styles/index.less b/src/styles/index.less
index d3bee4cc..6c1f1018 100644
--- a/src/styles/index.less
+++ b/src/styles/index.less
@@ -73,10 +73,14 @@
     transform-origin: bottom center;
     z-index: @mode-tip-z-index;
     opacity: 0;
+    visibility: hidden;
+    pointer-events: none;
     transition: all @common-animate-time;
 
     &.play-mode-title-visible {
       opacity: 1;
+      visibility: visible;
+      pointer-events: all;
       transform: translate3d(0, 0, 0);
     }
   }