ScrollToElement() working
This commit is contained in:
parent
9195886bea
commit
53561d5ebb
6 changed files with 65 additions and 29 deletions
14
build/app.js
14
build/app.js
File diff suppressed because one or more lines are too long
|
|
@ -145,6 +145,8 @@
|
|||
<link rel="icon" href="favicon.png"><link href="main.css" rel="stylesheet"></head>
|
||||
<body>
|
||||
|
||||
<button class="scroll-up-button hidden">^</button>
|
||||
|
||||
<div id="background"></div>
|
||||
|
||||
<div id="content">
|
||||
|
|
|
|||
|
|
@ -512,10 +512,34 @@ a.button:visited {
|
|||
height: 1.47rem;
|
||||
}
|
||||
|
||||
.scroll-up-button {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
text-decoration: none;
|
||||
position: fixed;
|
||||
right: 1px;
|
||||
bottom: 0;
|
||||
z-index: 1100;
|
||||
opacity: 0;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.visible-block {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.opacity-none {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.opacity-full {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.spoiler-text {
|
||||
display: inline;
|
||||
/* These are technically the same, but use both */
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue