Move to bottom of the screen

Ionic Framework Ionic Angular
1

Hi all,
How to move bottom of the screen other than this.movetoBottom();.

I want to move through ionic code.
How whatsapp is moving automatically bottom of the screen. in chat screens

2

Hello,

share a sample code and screen view to understand your situation else nobody will give you answer here.

3

have you google it or not ?

4

I checked this. it is moving to bottom of the screen. The scrolling how it is moving to bottom of the screen is showing very clearly. My intention is I should not see that scrolling. It should move within fraction of seconds.
So please help me.

5

Import { IonContent } and use viewchild

IonContent has a method scrollToBottom

ion content docs

6

Hi this is chatHistory.ts
toggled: boolean = false;
emojitext: string;

handleSelection(event) {
this.editorMsg = this.editorMsg + " " + event.char;
console.debug(" handle selection "+this.emojitext);
}

Hi this is my chatHistory.html

    <ion-col col-9>
        <ion-item >
         {{swipedText}}
         
        </ion-item>
      </ion-col>

</ion-row>
<ion-row class="message_row">
    <ion-col col-2>
        <ion-item no-lines>
         
          <button ion-button clear icon-only (click)="toggled = !toggled" [(emojiPickerIf)]="toggled" [emojiPickerDirection]="'bottom'"
  (emojiPickerSelect)="handleSelection($event)">
  <ion-icon name="md-happy"></ion-icon>
</button>
        </ion-item>
      </ion-col>
  <ion-col col-8>
    <ion-item no-lines>
        
      <ion-input type="text" placeholder="Message" [(ngModel)]="editorMsg" (keyup.enter)="sendMsg()" 
      ></ion-input>
      
    </ion-item>
  </ion-col>
  <ion-col col-2>
    <button ion-button clear color="primary" (click)="sendMsg()" [disabled]="message === ''">
    Send
  </button>
  </ion-col>
</ion-row>

So emoji’s are displaying beside text area within two columns.
unable to see full emoji’s how WhatsApp shows emojis’s list below of text area.
So please help me.