Ionic ion-scroll to bottom not working

Ionic Framework ionic-v3
1 
Ionic ion-scroll to bottom not working here are my codes

<ion-content>
<ion-scroll scrollY="true" style="height:100%; width:100%"  #scroll>
  <div *ngFor="let message of messages" padding-bottom>
                    <div class="{{ message.comMsgBy == myID ? 'sender' : 'receiver'}}">
                        <div class="message">
                            <span style="font-weight:bold">{{ message.comMsgBody }}</span><br/>
                            <span><small>{{message.comMsgBy == myID ? message.comMsgDate : message.user.fname+' '+message.user.lname+' | '+message.comMsgDate }}</small></span>
                        </div>
                    </div>
                </div>
</ion-scroll>
</ion-content>

my .ts file

import {Component, ViewChild} from '@angular/core';
import {NavController, NavParams, Content, ToastController, LoadingController} from 'ionic-angular';
import {Storage} from "@ionic/storage";
import {CommunityService} from "../../services/community";
import {NgForm} from "@angular/forms";
import {ComMessage} from "../../model/community";

@Component({
  selector: 'page-community',
  templateUrl: 'community.html',
})

export class CommunityPage{

    @ViewChild('scroll') scroll: any;
    constructor(){}

ionViewDidEnter(){
  this.scroll.scrollToBottom();
}
}
pls help