【Cordova】iOSアプリで画面のズームを禁止する
今日、Cordova のアプリを操作していて、偶然 iOS アプリでズームができてしまうことを発見したので、その対処法について。 すでに無効にしているとばかり思っていたので、ちょっと驚きました。 参考にさせていただいたサイトはこちら。 iOS Safari でダブルタップによるズームを防ぐには touch-action: manipulation が一番簡単 – Corredor https://neos21.hatenablog.com/entry/2018/12/22/080000 こちらの記事によると、以前までは HTML の <meta> 要素に user-scalable=no を指定すれば良かったらしいのですが、この方法は iOS 10 以降で使用できなくなったとのこと。 ちなみに、使用する場合は下記のように指定します。 <meta name="viewport" conten
iOS / Androidでスクロール禁止にするが一部だけはスクロールできるようにする - Qiita
表題の通りですが、スクロール禁止にするが一部だけはスクロールできるようにする場合の対応。 基本はhtmlにoverflow: 'hidden'を掛けて、スクロールしたいところにoverflow: 'scroll'を掛ければいいのですが (あまり確認していないので違うかも…)、iOSだとJavaScriptを使う必要があります。 スクロール禁止にする場合はpreventDefault()（と、{passive: false}も第三引数に必要）をtouchmoveイベントの時に実行すればいいのですが、注意するポイントが2つあります。 スクロール禁止を解除する場合 removeEventListnerを実行すればいいのですが、addEventListnerを実行したときと同じ関数を渡さなければなりません。この時アロー関数だとaddの時とremoveの時で違うものとなりますのでアロー関数は使わない
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSで画面をスクロールさせないようにする方法！
