是否可以将Ion-Slides设置为仅在1个方向上移动？

Question

一旦我进入最终幻灯片，我想禁用当您尝试进一步滑动时发生的弹跳效果。我在最后一页上有离子选项按钮并且滑动它们会导致屏幕因幻灯片而摇晃。

我仍然希望能够回到左侧/上一张幻灯片

Answer 1

如果您没有使用Swiper小部件，我会推荐它，因为它为您的幻灯片提供了更多灵活性/选项。 （关于它的离子文件here）。

您需要做的就是观看幻灯片代表，如果您点击最后一张幻灯片，请锁定滑动到下一个（停止您提到的弹力效果）。如果你不在最后一张幻灯片上，请解锁滑动。

{{1}}

以下是例如codepen。

Answer 2

我知道这是一篇旧文章，但我只是在Ionic 4.0中进行了处理，尽管有人可能会从中找到一些价值。

您可以使用以下命令：

this.slides.lockSwipeToNext(true);

防止用户向右滑动。类似地，还有另一个命令可以防止它向左移动：

this.slides.lockSwipeToPrev(true);

我将其放置在“ ionViewWillEnter（）”函数中，以最初禁用滑动，然后创建了一个函数，只要我想手动移至下一张幻灯片，就可以调用该函数：

ionViewWillEnter(){
    this.slides.lockSwipeToNext(true);
  }

  nextSlide(){
    this.slides.lockSwipeToNext(false);
    this.slides.slideNext();
    this.slides.lockSwipeToNext(true);
  }

希望这可以帮助寻找相似姿势的人。