ロゴ

Blog

Slickでスライダー画像をピンチイン

Slickを使用したスライダー画像が、拡大(ピンチイン)できず、使いにくいシチュエーションに遭遇。

slick.css

slick.cssの16〜17行目付近「.slick-slider」にある下記2行をコメントアウトすると、ピンチインが有効になる。

/* -ms-touch-action: pan-y;
touch-action: pan-y; */

slick.cssを直接編集(コメントアウト)できない場合は、下記を追加。

-ms-touch-action: auto;
touch-action: auto;

引用・参考サイト

slick.js(カルーセルスライダー)の要素をスマホでピンチイン・拡大したい場合

Back to Top