1

我想在自由模式下将iDangero.us jQuery swiper 插件用于一长排选项卡。为了直观起见，我认为我会在 swiper-container 的末端（分别位于左侧和右侧）放置两个淡入淡出。但我只想在 swiper 包装器在那一端有隐藏区域时才显示这些（例如，当用户向左滑动一点时，所以选项卡开始的一部分在左侧消失，渐变应该出现）。这是一张显示我的意思的图片：

在此处输入图像描述

我几乎成功了，除了两个问题：

  1. 我找不到任何类似onSwipeAnimationEnd的事件。有一个onTouchEnd（我目前正在使用），但在你释放 swiper 后仍然有动画，所以它并不总是正常工作。

  2. 使用initialSlide选项时，onFirstInit事件处理程序的position.offset参数为 0。在滑块移动到其初始位置之前调用此事件。我想用它来初始化这些渐变的可见性。

我看了一下插件，但我不太了解。我希望有一个简单的解决方案，或者一些关于如何修改这个插件以满足我的需求的指南。我希望你们能提供帮助。我不想用其他的swiper插件，这个我很满意。它在移动设备上运行良好。

4

1 回答 1

2

对于您的第一个问题，您可以在 touchEnd 之后使用额外的 onSlideChangeEnd 和 onSlideReset 回调来覆盖此动画。对于第二个问题，您可以使用 getWrapperTranslate 方法获取偏移量，您可能不会在 onFirstInit 回调中使用它，只需在初始化代码之后使用它即可。如果它不起作用，只需在大约 50 毫秒的小超时后使用 setTimeout 尝试使用它

于 2013-10-30T19:57:52.570 回答