ionic icon indicating copy to clipboard operation
ionic copied to clipboard

Slide content goes up

Open salutcava opened this issue 8 years ago • 2 comments

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

salutcava avatar Jun 21 '16 00:06 salutcava

👍 same issue here

cinder92 avatar Aug 25 '16 00:08 cinder92

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 :)

cinder92 avatar Aug 25 '16 00:08 cinder92