↓のテンプレートを入手し、
https://colorlib.com/wp/template/slim/
編集後にサーバにアップしたところ、
classにowl-carouselが設定されている部分が
スマホでは下にスクロールしなかった。
そこでcssの
-ms-touch-action: pan-Y;
touch-action: manipulation;
1行目を
-ms-touch-action:manipulation;
touch-action: manipulation;
に変更すると、解決した。
でも ”pan-Y” って縦の動きは有効にするのではないのか？
解決したものの疑問が残るので、どなたかご教授いただけたら嬉しいです。
（jQueryはじめ、何もかもド初心者で読みにくい記事で恐縮です、、、）
憶測ですが
指1本でやったつもりが、複数の指の認識になったのではないでしょうか
pan-yとpinch-zoom("manipulation"は"pan-x pan-y pinch-zoom"の別名)の違いは、そこにあるからです。
pan-x
指１本で水平にパンするジェスチャーを有効にします。 pan-y, pan-up, pan-down, pinch-zoom と組み合わせることができます。
pan-y
指１本で垂直にパンするジェスチャーを有効にします。 pan-x, pan-left, pan-right, pinch-zoom と組み合わせることができます。
manipulation
パンおよびズームのジェスチャーは有効にしますが、ダブルタップでのズームなど、標準外の追加的なジェスチャーを無効します。ダブルタップでズームすることを無効にすることで、ユーザーが画面をタップしたとき、ブラウザーがクリックイベントの生成を待つ必要がなくなります。これは "pan-x pan-y pinch-zoom" の別名です (互換性のために、これも有効です)。
pinch-zoom
複数の指でのページのパンやズーム有効にします。これは pan- のあらゆる値と組み合わせることができます。
引用先
回答いただいていながら今頃になってしまい、本当に申し訳ありません。
数日待って回答諦めてしまっていました、、、。
指複数で操作したのではということですが、1本で操作していました。
ダブルタップすると拡大し、拡大の状態なら上下左右には動きましたが、
それではレスポンシブの意味ないので、
調べた結果 manipulation に変更で、希望する動きになりました。
bootstrapとか、何か他のCSSが絡んでいるのかもしれませんが、
自分のスキルでは発見難しそうなので、当面は現状でいこうと思います。
でも@Coding_catさんのご回答がpan-x等の覚書きになり、
今後も活用できそうです。
本当にありがとうございました！
