Состояние высоты, чтобы показать и скрыть кнопку прокрутки - PullRequest
Новая
       37

Состояние высоты, чтобы показать и скрыть кнопку прокрутки

0 голосов
/ 26 апреля 2019

Я на самом деле использую Angular 7 и ищу решение, чтобы скрыть кнопку прокрутки, когда пользователю не нужно прокручивать страницу.

Это моя кнопка HTML: 

<div *ngIf="displayNoneOnBtn" [hidden]="!displayNoneOnBtn" id="btnTest" class="shadow d-flex flex-column align-items-center justify-content-center">
            <ng-container *ngIf="!disableBtn">
                <i class="material-icons arrow-up-button" (click)="scrollTop()">keyboard_arrow_up</i>
            </ng-container>
            <ng-container *ngIf="disableBtn">
                <i class="material-icons arrow-down-button" (click)="scrollDown()">keyboard_arrow_down</i>
            </ng-container>
</div>

Мой компонент TS: 

onScroll (event: Event) {
        if (this.scrollClass.scrollHeight === this.scrollClass.offsetHeight) {
            this.displayNoneOnBtn = false ;
        }

    }
...