Отключить кнопку, пока пользователь не прокрутит страницу вниз - PullRequest
Новая
       29

Отключить кнопку, пока пользователь не прокрутит страницу вниз

0 голосов
/ 25 июня 2019

Я реализую викторину, так что у меня есть одна страница обзора внизу страницы викторины обзора, есть кнопка, называемая старт-викторина.

Как отключить кнопку запуска викторины, пока пользователь не прокрутит вниз и не включится, как только пользователь достиг нижней части.

Я пробовал это до сих пор: 

ngOnInit() {
    this.isScrolledToBottom = false;
   window.addEventListener('scroll', this.scrollEvent, true);
}

 scrollEvent = (event: any): void => {
     let bottomPosition = (event.srcElement.scrollTop || document.body.scrollTop) + event.srcElement.offsetHeight;
     let scrolledHeight = event.srcElement.scrollHeight;
     if (bottomPosition >= scrolledHeight) {
       this.isScrolledToBottom = true;
     }
 }


<button mat-raised-button color="accent" type="button" 
          [disabled]="!isScrolledToBottom" (click)="startQuiz()">
    Start Quiz
  </button>

Проблема в том, что он нормально работает на моем ПК со средним разрешением экрана. Но не работает кнопка большого экрана, не включенная прокруткой вниз. кто-нибудь может сказать мне, что я сделал не так здесь ??

...