How To Enable Scrolling In Ionic iOS Apps

Touch scrolling in apps built on Ionic Framework on iOS devices doesn’t work right. To fix this you have to wrap your content in ion-scroll element.

<ion-scroll zooming="false" direction="y" style="height: calc(100vh - 100px); ">
   <p style="height: 1500px; overflow-y: hidden;">some long text here</p>
</ion-scroll

The problem with this solution is that you have to set a static height for the inner element in order to get scroll to work properly. In this example I am dynamically calculating the scroll area using calc function.

I haven’t yet found a solution without setting a height of the inner element.