2016-03-23 10 views
0

マウスホイールでも操作できるサムネイルナビゲーション付きの垂直画像スライダーを作成しようとしています。私は "jquery flexslider"プラグインでそのスライダーを達成しました。今、私はそれに応じて "スクロール" &ナビゲーションに動作する必要が画像スライダが必要です。画像スライダーはスクロールイベントに対応する必要があります

期待どおりの結果として添付の画像を確認してください。スクロールでスライダコンテナが認識され、画像がスライドされます。すべての画像が完成したら、ページの残りの部分をスクロールする必要があります。

enter image description here

答えて

0

あなたはマウスホイールやタッチパッドのスクロールが要素上で使用されている場合を教えてくれますwheelイベントをリッスンすることができます。次に、preventDefault()を使用して、ユーザーが画像ギャラリーを裏返しているかどうかによって、垂直スクロールを条件付きで防止できます。そこから残りの部分を見つけ出すことができるはずです。 :)

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

関連する問題