頁面修正

goto.js

@@ -5,9 +5,9 @@ function parallaxScroll() {
   var scrolled = $(window).scrollTop();
   // 困擾
   if (screen.width > 1024) {
-    $('#circle2').css('top', (350 - (scrolled * .2)) + 'px');
+    $('#circle2').css('top', (300 - (scrolled * .2)) + 'px');
     $('#circle3').css('top', (1000 - (scrolled * .2)) + 'px');
-    $('#circle1').css('top', (650 - (scrolled * .2)) + 'px');
+    $('#circle1').css('top', (700 - (scrolled * .2)) + 'px');
     // 課程大綱
     // $('#act1').css('top', (30 + (scrolled * .1)) + 'px');
     $('#act2').css('top', (900 - (scrolled * .2)) + 'px');
@@ -266,10 +266,8 @@ $(".contact-form2").submit(function (e) {
       type: 'POST',
       url: 'https://go.hhh.com.tw:8004/add_client_info',
       data: jsonString,
-      // dataType: 'json',
-      dataType: 'jsonp',
-      async: false,
-      jsonp: 'jsonpCallback',
+      dataType: 'json',
+     
 
 
       success: function (data) {

index.html

@@ -123,6 +123,7 @@
             id="mobile-btn" class="btn">手刀報名</button></a>
     <img class="arrow" data-gt-target="#top" data-gt-duration="800" data-gt-offset="0" src="./img/gotop.png" alt="">
 
+    <!-- 困擾 -->
     <section id="trouble" class="container-fluid">
         <div id="content" class="row" style="padding-right: 0;">
             <div id="trouble-img" class="col-12 order-2 col-md-6 order-md-2 col-lg-7 order-lg-1"

style.css

@@ -456,6 +456,8 @@ body #btn-a #mobile-btn {
   left: 45vw;
   width: 18vw;
   z-index: 0;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
 }
 
 @media screen and (max-width: 767px) {
@@ -470,6 +472,8 @@ body #btn-a #mobile-btn {
   width: 25vw;
   left: 10vw;
   z-index: 2;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
 }
 
 @media screen and (max-width: 767px) {
@@ -569,6 +573,8 @@ body #btn-a #mobile-btn {
   top: 35vw;
   right: 5vw;
   z-index: 0;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
 }
 
 @media screen and (max-width: 1024px) {

style.scss

@@ -353,6 +353,7 @@ body {
             left: 45vw;
             width: 18vw;
             z-index: 0;
+            transition: 0.3s;
             @media screen and(max-width:$moblie) {
                 display: none;
             }
@@ -363,6 +364,7 @@ body {
             width: 25vw;
             left: 10vw;
             z-index: 2;
+            transition: 0.3s;
             @media screen and(max-width:$moblie) {
                 display: none;
             }
@@ -374,6 +376,7 @@ body {
             top: 5vw;
             right: 5vw;
             z-index: 0;
+          
             @media screen and(min-width:768px) {
                 display: none;
             }
@@ -431,6 +434,7 @@ body {
             top: 35vw;
             right: 5vw;
             z-index: 0;
+            transition: 0.3s;
             @media screen and(max-width:$table) {
                 top: 45vw;
             }