Add Scroll To Top button
This commit is contained in:
parent
cfcfd6cd3e
commit
301efb837f
9 changed files with 90 additions and 12 deletions
16
assets/scss/_scroll.scss
Normal file
16
assets/scss/_scroll.scss
Normal file
|
@ -0,0 +1,16 @@
|
|||
.scroll-up{
|
||||
position: fixed;
|
||||
bottom: 10%;
|
||||
right: 0;
|
||||
z-index: 1;
|
||||
opacity: 0;
|
||||
transition: all 0.5s ease;
|
||||
}
|
||||
.hide{
|
||||
opacity: 0;
|
||||
transform: translateY(20px);
|
||||
}
|
||||
.show{
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
|
@ -2,6 +2,7 @@
|
|||
@import "normalize.scss";
|
||||
@import "syntax.scss";
|
||||
@import "animate.scss";
|
||||
@import "scroll.scss";
|
||||
|
||||
/* Webkit Scrollbar Customize */
|
||||
::-webkit-scrollbar {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue