dos

Public/static/css/index.css

@@ -75,7 +75,8 @@ body {
 
 
 .wrap-inner {
 .wrap-inner {
   position: absolute;
   position: absolute;
-  overflow: scroll;
+  overflow-y: scroll;
+  overflow-x: hidden;
   left: 0;
   left: 0;
   width: 640px;
   width: 640px;
   height: 1238px;
   height: 1238px;

Public/static/js/common.js

@@ -140,8 +140,8 @@ function showItem() {
         clearTimeout(scrollTimer)
         clearTimeout(scrollTimer)
     }
     }
     scrollTimer = setTimeout(() => {
     scrollTimer = setTimeout(() => {
-        const scrollTop = $('.container').scrollTop();
-        const scrollLeft = $('.container').scrollLeft();
+        const scrollTop = $('.wrap-inner').scrollTop();
+        const scrollLeft = $('.wrap-inner').scrollLeft();
         if (nowShowIndex == 1 && scrollTop > 700) {
         if (nowShowIndex == 1 && scrollTop > 700) {
             $('.title').show();
             $('.title').show();
             nowShowIndex++
             nowShowIndex++
@@ -163,7 +163,12 @@ function toscene(event) {
 }
 }
 
 
 function toPage2() {
 function toPage2() {
-    $('.container').css('overflow-x', 'scroll').css('overflow-y', 'hidden').addClass('fix');
+    $('.wrap-inner').css({
+        overflowX: 'scroll',
+        overflowY: 'hidden',
+        transform: 'translate(0,0)',
+        top: 0
+    })
     $('.page1').hide();
     $('.page1').hide();
     $('.page2').show();
     $('.page2').show();
     fireworkLock = true;
     fireworkLock = true;
@@ -184,7 +189,12 @@ function showResult(event) {
 }
 }
 
 
 function retry() {
 function retry() {
-    $('.container').css('overflow-x', 'hidden').css('overflow-y', 'scroll');
+    $('.wrap-inner').css({
+        overflowX: 'scroll',
+        overflowY: 'hidden',
+        transform: 'translate(0,-50%)',
+        top: '50%'
+    })
     $('.page').hide();
     $('.page').hide();
     $('.page1').show();
     $('.page1').show();
     fireworkLock = false
     fireworkLock = false