ionic
ionic copied to clipboard
Slide content goes up
Hello, When I swipe slide, the previous slide content goes up, I think this is bad for UX. How can I prevent it to go up ? Thanks
👍 same issue here
solved by adding delegate-handle to
<ion-slide-box
show-pager="false"
on-slide-changed="slideHasChanged($index)"
delegate-handle="slider"
>
UPDATE:
with this modification tab scroll will no work anymore, so, to solve this issue for once you need to change line 64 from tabSlideBox.js
from this
ionicScrollDelegate = ionicScrollDelegate.$getByHandle(handle);
to this
ionicScrollDelegate = ionicScrollDelegate.$getByHandle('tabScroll');
then in your template you'll need to add a delegate-handle to ion-scroll tabs like this
<div class="tsb-ic-wrp">
<ion-scroll direction="x" class="tsb-hscroll" delegate-handle="tabScroll">
<a href="javascript:;"
class="{{tab.icon}}"
ng-repeat="tab in home.tabs"
ng-click="home.goTo($index)"
ng-class="{'active' : home.currentTab == $index}"
on-finish-render="home.test()"
>
{{tab.text}}
</a>
</ion-scroll>
</div>
i hope it helps anyone :)