图像滑块需要处理滚动事件

时间:2016-03-23 07:44:43

标签: javascript jquery flexslider

我正在尝试使用缩略图导航创建垂直图像滑块,也可以在鼠标滚轮上工作。我用“jquery flexslider”插件实现了这个滑块。现在我需要图像滑块应该在“滚动”&导航工作相应。

请检查附加图像作为预期结果。滚动应识别滑块容器并滑动图像。完成所有图像后,它应滚动页面的其余部分。

enter image description here

1 个答案:

答案 0 :(得分:0)

您可以收听wheel事件,该事件将告诉您何时在元素上使用鼠标滚轮或触摸板滚动。然后,您可以使用preventDefault()有条件地阻止垂直滚动,具体取决于用户是否正在翻阅图库。你应该能够从那里弄清楚剩下的。 :)

https://developer.mozilla.org/en-US/docs/Web/Events/wheel