Authored by 陈峰

添加back to top图标

@@ -5,7 +5,7 @@ @@ -5,7 +5,7 @@
5 Back to top 5 Back to top
6 <i class="iconfont">&#xe608;</i> 6 <i class="iconfont">&#xe608;</i>
7 </span> 7 </span>
8 - <div class="float-top ">Top</div> 8 + <div class="float-top "></div>
9 </p> 9 </p>
10 <address class="copyright"> 10 <address class="copyright">
11 CopyRight©2007-2016 南京新与力文化传播有限公司 11 CopyRight©2007-2016 南京新与力文化传播有限公司
@@ -63,6 +63,34 @@ @@ -63,6 +63,34 @@
63 margin: 0 0.3em; 63 margin: 0 0.3em;
64 } 64 }
65 } 65 }
  66 + .float-top {
  67 + position: absolute;
  68 + top: 47px;
  69 + right: 47px;
  70 + left: initial;
  71 + bottom: initial;
  72 + border-radius: 50%;
  73 + width: 90px;
  74 + height: 90px;
  75 + background: resolve("product/back-to-top.png") no-repeat;
  76 + -webkit-background-size: cover;
  77 + background-size: cover;
  78 + display: none;
  79 + transition: transform 0.5s;
  80 + -webkit-transition: transform 0.5s;
  81 + &.hover {
  82 + position: fixed;
  83 + top: initial;
  84 + left: initial;
  85 + right: 24px;
  86 + bottom: 147px;
  87 + z-index: 9999;
  88 + display: block;
  89 + }
  90 + &.animation {
  91 +
  92 + }
  93 + }
66 94
67 .copyright { 95 .copyright {
68 height: 120px; 96 height: 120px;
@@ -911,30 +911,3 @@ $basicBtnC: #eb0313; @@ -911,30 +911,3 @@ $basicBtnC: #eb0313;
911 iframe { 911 iframe {
912 display: none; 912 display: none;
913 } 913 }
914 -.float-top {  
915 - position: absolute;  
916 - top: 47px;  
917 - right: 47px;  
918 - left: initial;  
919 - bottom: initial;  
920 - border-radius: 50%;  
921 - color: #fff;  
922 - width: 50px;  
923 - height: 50px;  
924 - background-color: rgba(0,0,0,0.7);  
925 - display: none;  
926 - transition: transform 0.5s;  
927 - -webkit-transition: transform 0.5s;  
928 - &.hover {  
929 - position: fixed;  
930 - top: initial;  
931 - left: initial;  
932 - right: 47px;  
933 - bottom: 250px;  
934 - z-index: 9999;  
935 - display: block;  
936 - }  
937 - &.animation {  
938 -  
939 - }  
940 -}