Прокрутка вниз не работает с использованием простого JavaScript - PullRequest
Новая
       12

Прокрутка вниз не работает с использованием простого JavaScript

0 голосов
/ 04 декабря 2018

У меня есть эта функция, и когда пользователь нажимает кнопку, она должна либо перейти на следующую страницу, либо прокрутить вниз с сообщением об ошибке.Это HTML: 

<ion-content class="pc-nativeScannerPage">
 // Content appears in this area.
</ion-content>

<ion-footer class="scroll-footer">
  <ion-row>
    <ion-col text-right>
      <span *ngIf="error" class="pc-continue-error">{{Error msg goes here }} </span>
      <button (click)="continue()" class="pc-primary" ion-button>{{ This button triggers the continue() function }}</button>
    </ion-col>
  </ion-row>
</ion-footer>

И вот моя функция: 

  continue() {
    var element = document.querySelector(".pc-nativeScannerPage");
    if (!this.data.inputs.selectedPackagingIds.length) {
      this.error = 'Please select new packaging.'; 
    } else if (this.isPackagingSuggested && !this.data.inputs.changeReasons.filter(r => { return r.selected }).length) {
      element.scrollTop = element.scrollHeight;
      this.error = 'Please select change reason.'; 
    } else {
      this.navCtrl.setRoot(LabelPrintTab, { data: this.data });
    }
  }

Я не получаю никаких сообщений об ошибках, поэтому я не уверен, почему он не работает.Я пытаюсь использовать element.scrollTop = element.scrollHeight, чтобы прокрутить до нижней части окна, когда пользователь нажимает кнопку, если определенное условие выполняется.

Кто-нибудь может понять, почему это не работает?Я новичок во всем этом, поэтому любая помощь очень ценится.

...