2014-05-14 56 views
3

我目前正在研究一個具有全屏幻燈片的應用程序,事情是我希望能夠在第一張幻燈片或最後一張幻燈片上停止反彈效果。離子框架:如何禁用滑塊盒中的彈跳效果?

也就是說,如果我在開始幻燈片上,請從左側拖動時禁用彈跳效果。同樣,如果我在最後一張幻燈片上,則從右側拖動時禁用彈跳效果。有沒有辦法來實現這個?

(我知道離子具有屬性名稱hasBounce,但只適用於離子含量的指令,並且它僅適用於頂部和底部)

回答

5

你可以在離子含量使用has-bouncing

<ion-content 
    has-bouncing="false" 
    start-y="55" 
    padding="true" 
    has-tabs="true" 
    has-header="true"> 
+0

哇搜索這件事情只是一個小時,你回答了2個月後的問題!它的工作原理和感謝! – manosim

0

在 離子1.3.1工作;)

我搜索在LIB /離子/ jsionic.bundle.js

.directive('ionSlideBox', [ 
    '$animate', 
    '$timeout', 
    '$compile', 
    '$ionicSlideBoxDelegate', 
    '$ionicHistory', 
    '$ionicScrollDelegate', 
function($animate, $timeout, $compile, $ionicSlideBoxDelegate, $ionicHistory, $ionicScrollDelegate) { 
    return { 
    restrict: 'E', 
    replace: true, 
    transclude: true, 
    scope: { 
     autoPlay: '=', 
     doesContinue: '@', 
     slideInterval: '@', 
     showPager: '@', 
     pagerClick: '&', 
     disableScroll: '@', 
     onSlideChanged: '&', 
     activeSlide: '=?', 
     bounce: '@' 
    }, 
.... 

, 反彈: '@'

所以反彈是工作:)

<ion-slide-box bounce="false" ></ion-slide-box>