scrollIntoView () не работает с использованием простого JS

Question

Я пытаюсь использовать scrollIntoView (), чтобы моя страница прокручивалась до элемента, основанного на определенном условии.Вот моя функция:

  continue() {
    if (!this.data.inputs.selectedPackagingIds.length) {
      this.error = 'Please select new packaging.'; // todo translate - use translation key
    } else if (this.isPackagingSuggested && !this.data.inputs.changeReasons.filter(r => { return r.selected }).length) {
      document.getElementById("scroll-view").scrollIntoView();
      this.error = 'Please select change reason.'; // todo translate
    } else {
      this.navCtrl.setRoot(LabelPrintTab, { data: this.data });
    }
  }

А вот мой HTML:

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

<p id="scroll-view">Sentence to scroll to</p>

<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>

Однако ничего не происходит.Страница не прокручивается до элемента, когда выполняется это условие, и я не могу понять, почему.У кого-нибудь есть предложения?