スマホで確認すると縦スクロール効かない

スマートフォンでの縦スクロールがうまくいかない問題に対処するために、以下の手順を試してみてください。

スライダーのライブラリ（owl-carousel）のオプションを確認してください。touchDrag および mouseDrag オプションが true に設定されていることを確認してください。

例:

javascript

1$('.home-slider.owl-carousel').owlCarousel({2 touchDrag: true,3 mouseDrag: true4});

もし、上記の設定がすでに正しく設定されている場合、CSSでスタイルを調整することができます。.owl-carousel クラスに touch-action プロパティを追加して、縦方向のスクロールを許可してください。

css

1.owl-carousel {2 touch-action: pan-y;3}

これらの変更を加えた後、スマートフォンで再度テストして動作を確認してください。上記の方法でスクロールが改善されない場合は、他のCSSやJavaScriptの競合が原因である可能性があります。その場合は、個別に問題を特定して修正していく必要があります。