This is actually a big problem for hybrid and cross-platform development.
On iPhone Safiri, it happens. I tried chrome on ios devices, it happened too. Maybe Chrome on ios is also safari browser core.
Although my solution will cause losing the bouncing effect, you can try it.
ionic Content component has a method called ‘enableJsScroll’, which will disable the native scroll of safari.
mypage.component.ts
import {OnInit} from '@angular/core'
import {Platform,Content} from 'ionic-angluar'
export class MyPage implements OnInit{
@ViewChild(Content) content: Content
ngOnInit() {
if (this.platform.is('mobileweb') && this.platform.is('ios')) {
this.content.enableJsScroll()
}
}
constructor(private platform:Platform){}
}
mypage.pug
ion-header
ion-title Title
ion-content
p this is a long paragraph to scroll