commit(71): 5. 내리면서 한 페이지가 지나면 올림 아이콘 삽입

src/main/webapp/WEB-INF/views/ftl/m/bf_growth/health_checkup.ftl

@@ -135,6 +135,12 @@
      </div>
     <!-- //wrap -->
 
+<#-- go to top btn -->
+<div class="fix_write_btn top" style="bottom: 210px; background: white; border: 1px solid #ededf0; display: none; justify-content: center; align-items: center;">
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="gray" class="bi bi-chevron-up" viewBox="0 0 16 16">
+        <path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"/>
+    </svg>
+</div>
 <!-- float_cart -->
 <div class="float_cart">
 <#include "/m/include/cart_script.ftl">
@@ -147,7 +153,19 @@
 <#include "/m/bf_coach/include_return_url.ftl">
 
     <script>
-
+        // go to top btn event
+        $(window).scroll(function(){
+            if($(window).scrollTop()>150) {
+                $('.top').fadeIn('slow');
+                $('.top').css("display", "flex");
+            } else {
+                $('.top').fadeOut('slow');
+            }
+        });
+        $('.top').click(function() {
+            $('html, body').animate({scrollTop:0}, 'slow');
+            return false;
+        });
     </script>
 </body>
  

src/main/webapp/WEB-INF/views/ftl/m/bf_growth/vac_schedule.ftl

@@ -179,6 +179,12 @@
      </div>
     <!-- //wrap -->
 
+<#-- go to top btn -->
+<div class="fix_write_btn top" style="bottom: 210px; background: white; border: 1px solid #ededf0; display: none; justify-content: center; align-items: center;">
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="gray" class="bi bi-chevron-up" viewBox="0 0 16 16">
+        <path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"/>
+    </svg>
+</div>
 <!-- float_cart -->
 <div class="float_cart">
 <#include "/m/include/cart_script.ftl">
@@ -189,7 +195,21 @@
 		<!-- //iyu_nav -->
 	
 <#include "/m/bf_coach/include_return_url.ftl">
-
+    <script>
+        // go to top btn event
+        $(window).scroll(function(){
+            if($(window).scrollTop()>150) {
+                $('.top').fadeIn('slow');
+                $('.top').css("display", "flex");
+            } else {
+                $('.top').fadeOut('slow');
+            }
+        });
+        $('.top').click(function() {
+            $('html, body').animate({scrollTop:0}, 'slow');
+            return false;
+        });
+    </script>
 </body>
  
 <#include "/m/include/index_bottom.ftl">