滚动到底部无法使用普通JavaScript

Question

我具有此功能，当用户单击一个按钮时，它应该转到下一页，或者滚动到底部并显示一条错误消息。这是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，以便在用户单击按钮时滚动到窗口底部（如果满足一定条件）。

有人可以看到为什么这行不通吗？我对所有这些都是新手，所以我们将不胜感激。