I am using ION Slidebox inside a
which has header and footer section
The structure of my slides are as follows
ion-slide-box on-slide-changed=“slideHasChanged($index)” show-pager=“false” style="margin-top:0px;"
ion-slide ng-if=“tf1” scroll="false"
div style=“height:{{ht}};overflow-y:auto;overflow-x:hidden;” class="scroll"
ion-list
ion-item /ion-item
/ion-list
/div
/ion-slide
ion-slide-box on-slide-changed=“slideHasChanged($index)” show-pager=“false” style="margin-top:0px;"
ion-slide ng-if=“tf2” scroll="false"
div style=“height:{{ht}};overflow-y:auto;overflow-x:hidden;” class="scroll"
ion-list
ion-item /ion-item
/ion-list
/div
/ion-slide
ion-slide-box on-slide-changed=“slideHasChanged($index)” show-pager=“false” style="margin-top:0px;"
ion-slide ng-if=“tf2” scroll="false"
div style=“height:{{ht}};overflow-y:auto;overflow-x:hidden;” class="scroll"
ion-list
ion-item /ion-item
/ion-list
/div
/ion-slide
This works fin with every mobile when you revisit the page but vertical scroll does not work with some mobile devices when you visit the page for the first time.
please let me know in case of any changes required within the structure or any other change. The height is calculated in controller.
I tried to add ion scroll but the scroll is not smooth and swipe is too sensitive