簡體   English   中英

Ionic Framework:如何在滑塊框中禁用反彈效果?

[英]Ionic Framework: how to disable bounce effect in slider box?

我目前正在開發一個具有全屏幻燈片的應用程序,問題是我希望能夠在第一張幻燈片或最后一張幻燈片上停止反彈效果。

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

(我知道 Ionic 具有屬性名稱hasBounce ,但這僅適用於ion-content指令,並且僅適用於頂部和底部)

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

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

在離子 1.3.1 中工作;)

我在 lib/ionic/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>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM