CSS「touch-action」デモ
スマホでお試しください。
touch-action: auto;
ブラウザの挙動に従います。
touch-action: none;
すべてのパンやズームを禁止します。
touch-action: pan-x;
水平方向のパン以外を禁止します。
touch-action: pan-left;
左方向以外のパンを禁止します。
touch-action: pan-right;
右方向以外のパンを禁止します。
touch-action: pan-y;
垂直向以外のパンを禁止します。
touch-action: pan-up;
上向以外のパンを禁止します。
touch-action: pan-down;
下向以外のパンを禁止します。
touch-action: pinch-zoom;
複数の指によるパンやズームを有効にします。
touch-action: manipulation;
パン、ズームは有効にしますが、ダブルタップなどによる操作は禁止します。
｜記事へ戻る｜
