company, topbtn

html/css/common.css

@@ -98,9 +98,9 @@ box-shadow: 4px 4px 4px #ddd;}
     50% { transform: translateY(-5px); }
     100% { transform: translateY(0px); }
   }
-.topBtn{color:#fff;font-weight:500;width:50px;height:50px;background:rgba(255,255,255,0.5);border:2px solid #2290c9;border-radius:100%;
+.topBtn{display:none;color:#fff;font-weight:500;width:50px;height:50px;background:#2290c9;border:2px solid #2290c9;border-radius:100%;
   position:fixed;right:50px;bottom:20px;z-index:999;display:flex;justify-content:center;align-items:center;}
-  .topBtn i{font-size:20px;}  
+  .topBtn i{font-size:20px;color:#fff;}  
 
 /*footer*/
 #footer{background:#21272e;position:absolute;bottom:0;width:100%;height:160px;}
@@ -112,6 +112,12 @@ box-shadow: 4px 4px 4px #ddd;}
 .ft-info span.no-line::before{display:none;}
 .ft-sub{bottom:auto!important;}
 
+/* 스크롤바 설정*/
+*::-webkit-scrollbar{width: 6px;height:6px;} 
+/* 스크롤바 막대 설정*/
+*::-webkit-scrollbar-thumb{height:auto;background-color:#ddd;border-radius: 10px;}
+/* 스크롤바 뒷 배경 설정*/
+*::-webkit-scrollbar-track{background-color: rgba(0,0,0,0);}
 
 /*sub*/
 .breadcrumbs{position: absolute;z-index:1;}

html/include/header.html

@@ -44,7 +44,7 @@
             <a href="#none" target="_self" class="gnb_1da">회사소개</a>
             <span class="bg">하위분류</span>
             <ul class="gnb_2dul">
-              <li class="gnb_2dli"><a href="company01.html" target="_self" class="gnb_2da">기업정보</a></li>
+              <li class="gnb_2dli"><a href="company.html" target="_self" class="gnb_2da">기업정보</a></li>
               <li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">연혁</a></li>
               <li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">고객 및 협력사</a></li>
               <li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">New & Story</a></li>

html/index.html

@@ -59,7 +59,7 @@ body,html{
 
 <!--main-->
 <div id="container">
-  <a class="topBtn" href="#home">
+  <a class="topBtn">
     <i class="xi-arrow-up"></i>
   </a>
   <div id="fullpage">

html/js/common.js

@@ -12,6 +12,10 @@ $(function(){
       navigationPosition:'right',
       scrollBar: true,
         afterLoad: function(origin, destination) {   
+          if(destination.index === 0) {
+            $('.topBtn').css('display','none');
+          }
+          
           if(destination.anchor === 'skills' || destination.anchor === 'news') {
             $('.gnb_1da').css('color', '#000');
             $('.wh_logo').css('display', 'none');
@@ -209,6 +213,15 @@ $(function(){
 
 });
 
-$(function(){
-
+$(function() { 
+  $('.topBtn').css('display','none');
+  $(window).scroll(function() { if ($(this).scrollTop() > 300) { 
+    $('.topBtn').fadeIn();
+      } else { 
+        $('.topBtn').fadeOut(); 
+      } 
+  });
+	$('.topBtn').click(function(){
+		$('html, body').animate({scrollTop:0},300);
+	});
 });