新增GOTOP下滑消失功能

desktop11/goto.js

@@ -13,36 +13,18 @@ $(".content1-right").slick({
 
 });
 
-// banner輪播效果
-// $(".banner-slider").on('beforeChange', function (event, slick, currentSlide, nextSlide) {
-//   console.log('beforeChangeEvent: currenSlide=' + currentSlide + ', nextSlide= ' + nextSlide);
-//   if (nextSlide == 1) {
-
-//     $("#animation2").addClass("animation-h1");
-//     $("#btn-animation2").addClass("animation-btn");
-//     $("#animation1").removeClass("animation-h1");
-//     $("#btn-animation1").removeClass("animation-btn");
-
-//     $("#animation3").removeClass("animation-h1");
-//     $("#btn-animation3").removeClass("animation-btn");
-//   }
-//   else if (nextSlide == 2) {
-//     $("#animation3").addClass("animation-h1");
-//     $("#btn-animation3").addClass("animation-btn");
-//     $("#animation1").removeClass("animation-h1");
-//     $("#btn-animation1").removeClass("animation-btn");
-//     $("#animation2").removeClass("animation-h1");
-//     $("#btn-animation2").removeClass("animation-btn");
-//   }else if (nextSlide == 0) {
-//     $("#animation1").addClass("animation-h1");
-//     $("#btn-animation1").addClass("animation-btn");
-//     $("#animation2").removeClass("animation-h1");
-//     $("#btn-animation2").removeClass("animation-btn");
-//     $("#animation3").removeClass("animation-h1");
-//     $("#btn-animation3").removeClass("animation-btn");
-// }
-
-// });
+// // gototop 下滑效果
+$(".arrow").hide();
+$(window).scroll(function(){
+   var y = window.scrollY;
+    
+  if(y>10){
+    $(".arrow").show();
+  }else{
+     $(".arrow").hide();
+  }
+    
+});
 // content輪播圖片偵測效果
 $(".text-1").addClass("contant-toggle");
 

mobile/script/goto.js

@@ -203,3 +203,16 @@ $("html").on("mousewheel", function () {
 $(document).ready(function () {
   $("#date").datepicker();
 });
+
+// // gototop 下滑效果
+$(".arrow").hide();
+$(window).scroll(function(){
+   var y = window.scrollY;
+    
+  if(y>10){
+    $(".arrow").show();
+  }else{
+     $(".arrow").hide();
+  }
+    
+});

mobile/style.css

@@ -74,7 +74,7 @@ body .btn-main:hover {
 
 body .arrow {
   position: fixed;
-  right: 20px;
+  right: 3vw;
   bottom: 100px;
   width: 45px;
   height: 40px;

mobile/style.scss

@@ -64,7 +64,7 @@ body {
     }
     .arrow {
         position: fixed;
-        right: 20px;
+        right: 3vw;
         bottom: 100px;
         width: 45px;
     height: 40px;