Q&A
[リンク文字列](URL)ではなく[リンク文字列](リンク文字列)にしていただけないでしょうか。
現在slick.jsを使用して、カルーセルを表示しています。
http://kenwheeler.github.io/slick/
内容が縦に長いので、
① 下方向にスクロールして内容を確認
② 左右にスワイプして次のコンテンツへスライド
という操作の流れとなります。
そこで一つ問題があります。
下方向にスクロールする際に、少しでも斜めに操作してしまうと
次のスライドが少し見えてしまいます。
実際スマホでテストをして確認したのですが、正確に縦方向にスワイプするのは難しく、
ほとんどが少し斜め方向になってしまいます。
ある程度の左右移動がないと次のスライドに移らないようにしたり、
下方向のスワイプを検知した時点で左右スワイプを無効にするなどする処理は可能でしょうか？
現状のままだとかなり操作性に問題があります。。。
slickに限らずこういった問題は起こりそうな気がします。
どのように対処するのがベストでしょうか？
[slick - the last carousel you'll ever need](http://kenwheeler.github.io/slick/) Demoでは多少の斜め操作は問題ないように感じましたが、そんなに誤操作するものでしょうか。さすがに斜め45度の角度でスワイプすると反応はしますが…。
感度を調整してみてはどうでしょう？
回答2件
0
ベストアンサー
直接的な回答ではありませんが、気になったことがあります。
私がデモサイトで検証したところでは斜め45度(時計の4と5の中間方向)にスワイプすると下スクロールとスライドの切り替わりが同時に発生しました。
斜め30度ぐらいならスクロールしてもスライドは切り替わらないようです。
私個人の感覚としては操作性に不満はありません。
ここで斜め45度でスライドが切り替わらないように動作を変更したとします。
当然、縦スクロールするつもりでスライドが切り替わる動作は解消されます。
しかしながら、「縦スクロールするのに斜め45度でスワイプする人」が正確に横にスワイプできるものでしょうか。
私は横にスワイプするつもりで斜めにスワイプすると思います。
しかし、斜め45度でスワイプしても反応しないように修正されているので、その人はスライドを切り替えることが出来なくなってしまいます。
結論としては斜め45度でスワイプが反応しないようにすると使えなくなる人が出てくると思われる為、UIを変更した方がいいと思います。
具体的には画面右側をタップしたら右にスワイプしたのと同等のスライドをする、等ですね。
Re: future さん
投稿2016/10/19 06:28
編集2016/10/19 06:29総合スコア18194
0
slick.jsを使用しているのであれば、設定のtouchMoveをfalseに、touchThresholdの数値を大きくすることで簡易的に斜め方向へのスワイプを防ぐような挙動にすることが出来るかと思います。
投稿2016/10/19 06:03
総合スコア12
あなたの回答
tips
プレビュー
