Как прокрутить вертикальный ионный элемент вниз и вверх при нажатии кнопки со стрелкой вниз и вверх в ionic 4?

Вы можете использовать компонент Content для обработки прокрутки в коде. Вы можете использовать scrollToTop() или scrollToBottom(), а также scrollToPoint(), в зависимости от ваших потребностей.

Для получения дополнительной информации см. https://ionicframework.com/docs/api/content#scrollToTop

import { Component, ViewChild } from '@angular/core';
import { Content } from 'ionic-angular';

@Component({...})
export class MyPage{
  @ViewChild(Content) content: Content;

  scrollToTop() {
    this.content.scrollToTop();
  }
}

проверьте ionic docs для получения информации о методах компонентов https://ionicframework.com/docs/api/content

.html

 <ion-content>
   <ion-icon name="arrow-dropdown" (click)="scrollToBottom()"></ion-icon>

    //..... your content ......

     <ion-icon name="arrow-dropup" (click)="scrollToTop()"></ion-icon>
 </ion-content>

.тс

    import { Component, ViewChild } from '@angular/core';
    import {IonContent} from '@ionic/angular';
    @Component({
      selector: 'app-home',
      templateUrl: 'home.page.html',
      styleUrls: ['home.page.scss'],
    })
    export class HomePage {
         @ViewChild(IonContent) theContent: IonContent;


    scrollToBottom(){
    this.theContent.scrollToBottom();
}
   scrollToTop(){
    this.theContent.scrollToTop();
}

}