質問: 現在`slick.js`を使用して、カルーセルを表示しています。 内容が縦に長いので、 1 下方向にスクロールして内容を確認 2 左右にスワイプして次のコンテンツへスライド という操作の流れとなります。 そこで一つ問題があります。 下方向にスクロールする際に、少しでも斜めに操作してしまうと 次のスライドが少し見えてしまいます。 実際スマホでテストをして確認したのですが、正確に縦方向にスワイプするのは難しく、 ほとんどが少し斜め方向になってしまいます。 ある程度の左右移動がないと次のスライドに移らないようにしたり、 下方向のスワイプを検知した時点で左右スワイプを無効にするなどする処理は可能でしょうか? 現状のままだとかなり操作性に問題があります。。。 `slick`に限らずこういった問題は起こりそうな気がします。 どのように対処するのがベストでしょうか?
回答: 直接的な回答ではありませんが、気になったことがあります。 * slick - the last carousel you'll ever need 私がデモサイトで検証したところでは斜め45度(時計の4と5の中間方向)にスワイプすると下スクロールとスライドの切り替わりが同時に発生しました。 斜め30度ぐらいならスクロールしてもスライドは切り替わらないようです。 私個人の感覚としては操作性に不満はありません。 ここで斜め45度でスライドが切り替わらないように動作を変更したとします。 当然、縦スクロールするつもりでスライドが切り替わる動作は解消されます。 しかしながら、**「縦スクロールするのに斜め45度でスワイプする人」が正確に横にスワイプできるものでしょうか**。 私は横にスワイプするつもりで斜めにスワイプすると思います。 しかし、斜め45度でスワイプしても反応しないように修正されているので、その人はスライドを切り替えることが出来なくなってしまいます。 結論としては斜め45度でスワイプが反応しないようにすると使えなくなる人が出てくると思われる為、UIを変更した方がいいと思います。 具体的には画面右側をタップしたら右にスワイプしたのと同等のスライドをする、等ですね。 Re: future さん