页面滚动显示返回顶部按钮

This commit is contained in:
RuoYi
2020-03-20 14:34:26 +08:00
parent 0307599eed
commit 5c736e96c9
3 changed files with 74 additions and 0 deletions

View File

@ -1033,6 +1033,31 @@ label {
padding: 5px;
}
/** 向上滚动样式 **/
#scroll-up {
border-width: 0;
position: fixed;
right: 2px;
z-index: 99;
-webkit-transition-duration: .3s;
transition-duration: .3s;
opacity: 0;
filter: alpha(opacity=0);
bottom: -24px;
visibility: hidden;
background-color: #aaa;
color: #fff;
font-size: 14px;
display: none;
}
#scroll-up.display {
opacity: .7;
filter: alpha(opacity=70);
bottom: 2px;
visibility: visible;
}
::-webkit-scrollbar {
width: 6px;
height: 10px;