Question

我目前正在制作一款拥有全屏幻灯片的应用，我希望每当我在第一张幻灯片或最后一张幻灯片时都能停止反弹效果。

也就是说，如果我在开始幻灯片上，请从左侧拖动时禁用弹跳效果。同样，如果我在最后一张幻灯片上，请从右侧拖动时禁用弹跳效果。有没有办法实现这个？

（我知道ionic有属性名称hasBounce，但这只适用于ion-content指令，它只适用于顶部和底部）

Answer 1

您可以对离子内容使用has-bouncing

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

Answer 2

<强> 在离子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>

离子框架：如何禁用滑块框中的弹跳效果？

2 个答案: