Ion Content
      
    
  
   
  
    

      
Ionic framework is an open-source UI toolkit for building performant, high-quality mobile apps, desktop apps, and progressive web apps using web technologies such as HTML, CSS, and JavaScript. It allows developers to build once and run everywhere.
    
    

        
It was created by Max Lynch, Ben Sperry, and Adam Bradley of Drifty Co. in 2013.
      
  

    
      
        Ion Content Scroll
      
    
  
   
  
    
      Scroll To Bottom
    
   
    
      Scroll To Point Left
    
   
    
      
        {{ item.value }}
      
    
   
    

      
        Scroll To Point Right
      
    
   
    
      Scroll To Top
    
  

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, {static: false}) content: IonContent;
  dummyList: any;

  constructor(
  ) {
    this.dummyList = [
      {
        value: 'Himanshu',
      }, {
        value: 'Anubhav',
      }, {
        value: 'Abhishek',
      }, {
        value: 'Akshita',
      }, {
        value: 'Haseena',
      }, {
        value: 'Anubhav',
      }, {
        value: 'Harshita',
      }, {
        value: 'Anisha',
      }, {
        value: 'Haseena',
      }, {
        value: 'Anubhav',
      }, {
        value: 'Abhishek',
      }, {
        value: 'Anisha',
      }, {
        value: 'Haseena',
      }, {
        value: 'Akshita',
      }, {
        value: 'Abhishek',
      }, {
        value: 'Akshita',
      }, {
        value: 'Jyotika',
      }, {
        value: 'Anubhav',
      }, {
        value: 'Abhishek',
      }, {
        value: 'Anisha',
      }, {
        value: 'Haseena',
      }, {
        value: 'Anubhav',
      }, {
        value: 'Abhishek',
      }
    ];
  }
  logScrollStart() {
    console.log('logScrollStart : When Scroll Starts');
  }

  logScrolling() {
    console.log('logScrolling : When Scrolling');
  }

  logScrollEnd() {
    console.log('logScrollEnd : When Scroll Ends');
  }

  ScrollToBottom() {
    this.content.scrollToBottom(1500);
  }

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

  ScrollToPoint(X, Y) {
    this.content.scrollToPoint(X, Y, 1500);
  }
}