Prevent horizontal bounce / over scroll effect on iOS

I have some custom page layout, it work great and look nice on both Android and iOS. The page is long and scroll only vertically. But the problem is, there is horizontal bounce / over scroll effect on iOS.

My custom content page looks something like this:

<ion-content>
<div class="scroll-wrap" ng-if="Ctrl.data">
    <ion-slide-box></ion-slide-box>
    <div style="white-space: nowrap; padding: 5px 5px 0 5px;">
        <div class="row" style="padding:0 0 5px 0; margin:0;"></div>
        <div class="row" style="padding:0 0 5px 0; margin:0;"></div>
        <div class="row" style="padding:0 0 5px 0; margin:0;"></div>
    </div>
</div>
</ion-content>

How can I prevent that?

1 Like

Do anyone build for iOS face this kind of problem? How do you solve it?