Html 爱奥尼亚：我可以在特定区域禁用刷卡操作吗<；部门>；在<；离子玻片>；？

基本上，我想在里面放一个。然而，离子幻灯片刷是如此敏感，所以我无法滚动的内容。它只是滑动到下一张幻灯片

是否可以在中的特定区域禁用刷卡操作

如图所示，我想在B区禁用刷卡操作。我想（如果可能的话）我需要在ion scroll和/或div下面放一些类，但我想不出来

这是我的部分HTML代码：

<ion-slide-box on-slide-changed="slideHasChanged($index)">    
  <ion-slide>
  ... // A area content
  <ion-scroll direction="x" ...>
    <div style="width: 5000px; height: 100px" ...>
      // B area. Very wide content
    </div>
  </ion-scroll>
  ... // C area content
 </ion-slide>
</ion-slide-box> 

... // 区域内容
//B区。内容非常广泛
... // C区域内容

---

非常感谢您的帮助。

这里是另一种方法： 在控制器中添加一个函数：

$scope.disableSwipe = function() {
   $ionicSlideBoxDelegate.enableSlide(false);
};

在视图中，在幻灯片框元素上添加ng init属性

<ion-slide-box ng-init="disableSwipe()">

这将禁用幻灯片事件。 现在，您可以使用控制器函数滑动到给定的索引，如下所示：

还有另一种方法：

<ion-slides options="options">    
  <ion-slide-page>
  ... // A area content
  <ion-scroll class='do_not_swipe' direction="x" ...>
    <div style="width: 5000px; height: 100px" ...>
      // B area. Very wide content
    </div>
  </ion-scroll>
  ... // C area content
 </ion-slide-page>
</ion-slides> 

将以下内容添加到宽元素：

<div on-touch="mouseoverWideDiv()" on-release="mouseleaveWideDiv()">

---

当我搜索使用离子幻灯片（而不是离子幻灯片盒）的解决方案时，谷歌把我送到这里，我将把我最终使用的解决方案留在这里

首先一件事：ion slide box目前已被弃用，所以您现在应该使用ion slides

ion slides元素中的第一个设置选项变量：

<ion-slides options="options">

然后，在ion幻灯片页面内的元素中，将“do_not_swipe”类添加到要禁用滑动的元素中

以您的代码为例，您的html应该如下所示：

<ion-slides options="options">    
  <ion-slide-page>
  ... // A area content
  <ion-scroll class='do_not_swipe' direction="x" ...>
    <div style="width: 5000px; height: 100px" ...>
      // B area. Very wide content
    </div>
  </ion-scroll>
  ... // C area content
 </ion-slide-page>
</ion-slides> 

... // 区域内容
//B区。内容非常广泛
... // C区域内容

我想你可以在这个链接上找到你的解决方案->@Lakshya谢谢你的链接。然而，我感到困惑。你是说这不可能吗？链接标题是“幻灯片框滚动不工作”。我没有问题放入y轴滚动，但无法放入x轴滚动。这是我的问题。那我就不知道了it@Lakshya谢谢如果有这样的用户界面就好了。让我再挖一点。再一次，谢谢！谢谢不过，这是个好主意。你认为我可以禁用某个区域吗？顺便说一句，在“像这样的索引：”之后似乎不见了。等等，你想在“B”区域滚动时禁用滑块还是想禁用“B”区域本身的滚动？我想在“B”区域滚动时禁用滑块。你的解决方案很有效。我原以为会有一个简单的CSS来禁用滑动，但您的解决方案实际上是可行的。谢谢

<ion-slides options="options">    
  <ion-slide-page>
  ... // A area content
  <ion-scroll class='do_not_swipe' direction="x" ...>
    <div style="width: 5000px; height: 100px" ...>
      // B area. Very wide content
    </div>
  </ion-scroll>
  ... // C area content
 </ion-slide-page>
</ion-slides>