質問: スマホのwebサイトでslick.jsを使用し、以下のようなページを作成しています。 ↓以下ページの要素イメージ ーーーーーーーーー テキスト テキスト テキスト テキスト 【画像123】(slick.jsで横スワイプして複数の画像がみれる) テキスト テキスト テキスト 【画像456】(同様) テキスト テキスト テキスト ーーーーーーーーー 問題 -- テキストエリアは縦スクロールしか出来ないので問題ないが、画像エリアは横スワイプもできるため、縦にスクロールしようとしても横スワイプが効いてしまう事がある。 やりたいこと ------ 縦スクロールが検知できたら、そのスクロールが終わるまで、横スワイプを無効にする。 イメージはこのサイトのような感じです。
回答: スクロール開始時にスワイプを止めて(slick.jsにその機能が無かったら上に要素を置いてスワイプを無視させるとか)、スクロールの終了を検知して再開させてはいかがでしょう。 【JavaScriptでスクロール終了時に処理を実行する方法】