iDangero.us swiper淡出

Question

我希望在自由模式下将iDangero.us jQuery swiper plugin用于很长的标签行。为了让它变得直观，我认为我会将两个渐变放在滑动容器的末端（左侧和右侧）。但是我想仅在刷卡包装器在该端具有隐藏区域时才显示这些（例如，当用户向左滑动一点时，因此标签的一部分开始消失在左侧，应该出现渐变）。这是一张显示我的意思的图片：

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

1. 我找不到swiper的任何 onSwipeAnimationEnd 之类的事件。有一个 onTouchEnd （我现在正在使用）但是在你发布了swiper之后还有动画，所以它并不总是正常工作。

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

我看了一下插件，但我对它并不了解。我希望有一个简单的解决方案，或一些如何修改此插件以满足我的需求的指南。我希望你们能帮忙。我不想使用其他swiper插件，我对此非常满意。它在移动设备上运行良好。

Answer 1

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

在小超时约50ms后使用它