[Ionic 4] ScrollToPoint not working after scrolling below page fold

Hello, so my scrollToPoint works perfect if my scroll on my page isnt below the fold. But as soon as it goes below it, it doesn’t work. Here is my code and examples.

HTML PAGE

<ion-content #category class="hidden background" [scrollEvents]="true">
  <ion-grid #grid1 class="grid-1" height="3000px" scrollY="true">
    <ion-row class="row-padding">
      <ion-col size="3"><ul class="catList"><li *ngFor="let category of categoryResults| keyvalue:orderByRowNum; let i = index" class="categoryName cat-{{category.value.category_id}} catIndex-{{i}} focusable" (click)="loadCatsMovies(category.value.category_id,category.value.category_name)" (keyup.enter)="loadCatsMovies(category.value.category_id,category.value.category_name)">{{category.value.category_name}}</li></ul></ion-col>
      <ion-col size="9">
        <ion-grid>
          <ion-row class="category-movies">
            <ion-col size="2" *ngFor="let movie of catMovieResults| keyvalue; let i = index">
              <div class="rating">&#9734; {{movie.value.rating}}</div>
              <img (click)="movieDetails(movie.value.stream_id)" (keyup.enter)="movieDetails(movie.value.stream_id)"  src="{{movie.value.stream_icon}}" class="category-image movieIndex-{{i}} focusable">
            </ion-col>
          </ion-row>
        </ion-grid>
      </ion-col>
    </ion-row>
  </ion-grid>
  </ion-content>

TS

import { Component, OnInit, ViewChild, ElementRef } from '@angular/core';
@ViewChild(IonContent, {static:false}) content: any;
this.content.scrollToPoint(0,0,200);

1 Like

Hi, did you manage to solve it?