Ionic Framework：如何禁用滑块中的反弹效果？答案

【问题标题】：Ionic Framework: how to disable bounce effect in slider box?Ionic Framework：如何禁用滑块中的反弹效果？
【发布时间】：2020-04-27 18:56:56
【问题描述】：

我目前正在开发一个具有全屏幻灯片的应用程序，问题是我希望能够在第一张幻灯片或最后一张幻灯片上停止反弹效果。

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

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

【问题讨论】：

标签： javascript html ionic-framework

【解决方案1】：

您可以在 ion-content 上使用 has-bouncing

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

【讨论】：

哇，在您回答 2 个月的问题后仅一个小时就搜索了这个东西！它有效，谢谢！

【解决方案2】：

在 ionic 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>

【讨论】：