fixed to the top button
This commit is contained in:
parent
141064b38d
commit
3e53ef874c
@ -53,16 +53,13 @@
|
||||
</div>
|
||||
</rb-full-header>
|
||||
|
||||
<div class="to-the-top-container">
|
||||
<div class="container">
|
||||
<router-outlet></router-outlet>
|
||||
</div>
|
||||
|
||||
<div class="to-the-top">
|
||||
<rb-icon-button icon="up" mode="primary" iconOnly (click)="toTheTop()"></rb-icon-button>
|
||||
</div>
|
||||
<div class="container">
|
||||
<router-outlet></router-outlet>
|
||||
</div>
|
||||
|
||||
<rb-icon-button icon="up" mode="primary" iconOnly (click)="toTheTop()" *ngIf="window.scrollY > 300" class="to-the-top">
|
||||
</rb-icon-button>
|
||||
|
||||
<rb-footer-nav>
|
||||
<span class="copyright">
|
||||
CR/APS1 and CR/ANA1 2020
|
||||
|
@ -14,21 +14,13 @@
|
||||
width: 800px;
|
||||
}
|
||||
|
||||
.to-the-top-container {
|
||||
.container {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.to-the-top {
|
||||
position: absolute;
|
||||
top: 100vh;
|
||||
bottom: 10px;
|
||||
position: fixed;
|
||||
right: 1rem;
|
||||
pointer-events: none;
|
||||
|
||||
rb-icon-button {
|
||||
position: sticky;
|
||||
pointer-events: all;
|
||||
top: calc(100vh - 3rem);
|
||||
}
|
||||
bottom: 20px;
|
||||
}
|
||||
|
@ -22,7 +22,7 @@ export class AppComponent implements OnInit{
|
||||
constructor(
|
||||
public login: LoginService,
|
||||
public router: Router,
|
||||
private window: Window,
|
||||
public window: Window,
|
||||
private modal: ModalService,
|
||||
public d: DataService
|
||||
) {
|
||||
|
Loading…
Reference in New Issue
Block a user