Authored by 陈峰

添加back to top图标

... ... @@ -5,7 +5,7 @@
Back to top
<i class="iconfont">&#xe608;</i>
</span>
<div class="float-top ">Top</div>
<div class="float-top "></div>
</p>
<address class="copyright">
CopyRight©2007-2016 南京新与力文化传播有限公司
... ...
... ... @@ -63,6 +63,34 @@
margin: 0 0.3em;
}
}
.float-top {
position: absolute;
top: 47px;
right: 47px;
left: initial;
bottom: initial;
border-radius: 50%;
width: 90px;
height: 90px;
background: resolve("product/back-to-top.png") no-repeat;
-webkit-background-size: cover;
background-size: cover;
display: none;
transition: transform 0.5s;
-webkit-transition: transform 0.5s;
&.hover {
position: fixed;
top: initial;
left: initial;
right: 24px;
bottom: 147px;
z-index: 9999;
display: block;
}
&.animation {
}
}
.copyright {
height: 120px;
... ...
... ... @@ -911,30 +911,3 @@ $basicBtnC: #eb0313;
iframe {
display: none;
}
.float-top {
position: absolute;
top: 47px;
right: 47px;
left: initial;
bottom: initial;
border-radius: 50%;
color: #fff;
width: 50px;
height: 50px;
background-color: rgba(0,0,0,0.7);
display: none;
transition: transform 0.5s;
-webkit-transition: transform 0.5s;
&.hover {
position: fixed;
top: initial;
left: initial;
right: 47px;
bottom: 250px;
z-index: 9999;
display: block;
}
&.animation {
}
}
\ No newline at end of file
... ...