[B! 禁止] roogh5eeSha6のブックマーク

roogh5eeSha6 id:roogh5eeSha6

禁止に関するroogh5eeSha6のブックマーク (4)

【Cordova】iOSアプリで画面のズームを禁止する
今日、Cordova のアプリを操作していて、偶然 iOS アプリでズームができてしまうことを発見したので、その対処法について。すでに無効にしているとばかり思っていたので、ちょっと驚きました。参考にさせていただいたサイトはこちら。 iOS Safari でダブルタップによるズームを防ぐには touch-action: manipulation が一番簡単 – Corredor https://neos21.hatena blog.com/entry/2018/12/22/080000 こちらの記事によると、以前までは HTML の <meta> 要素に user-scala ble=no を指定すれば良かったらしいのですが、この方法は iOS 10 以降で使用できなくなったとのこと。ちなみに、使用する場合は下記のように指定します。 <meta name="viewport" conten
roogh5eeSha6 2021/08/08
iOS

拡大

禁止
リンク
iOS / Androidでスクロール禁止にするが一部だけはスクロールできるようにする - Qiita
表題の通りですが、スクロール禁止にするが一部だけはスクロールできるようにする場合の対応。基本はhtmlにoverflow: 'hidden'を掛けて、スクロールしたいところにoverflow: 'scroll'を掛ければいいのですが (あまり確認していないので違うかも…)、iOSだとJavaScriptを使う必要があります。スクロール禁止にする場合はpreventDefault()（と、{passive: false}も第三引数に必要）をtouchmoveイベントの時に実行すればいいのですが、注意するポイントが2つあります。スクロール禁止を解除する場合 removeEventListnerを実行すればいいのですが、addEventListnerを実行したときと同じ関数を渡さなければなりません。この時アロー関数だとaddの時とremoveの時で違うものとなりますのでアロー関数は使わない
roogh5eeSha6 2021/08/08
Javascript

スクロール

禁止

iOS
リンク
CSSで画面をスクロールさせないようにする方法！
CSSで画面をスクロールさせないようにする方法！CSSで画面がスクロールさせないようにする方法をサンプルコード付きで解説します。CSSのみでスクロールさせないようにする方法と、CSSとJSでより広くの端末でスクロール禁止にする方法を紹介します。 CSSでユーザーが画面をスクロールさせないようにしたい場合があります。例えばモーダルlでコンテンツを前面に表示している間は、背面のコンテンツをスクロールできないようにするなどWEB開発ではこのケースが度々あります。今回はCSSだけで画面がスクロールしないようにする方法と、更にCSSにJavaScriptの処理を加えてより広い端末に対応した形で画面をスクロール禁止にする方法をサンプルコード付きで解説します。
roogh5eeSha6 2021/08/08
iOS

スクロール

禁止

Javascript
リンク
[javascript] ダブルタップでブラウザが拡大するのを防ぐ - Qiita
user-scala ble=no はiPhoneでは無効になっているらしいですね。知りませんでした。。 onload() などに document.addEventListener("dblclick", function(e){ e.preventDefault();}, { passive: false });
roogh5eeSha6 2021/08/08
Javascript

ダブルタップ

禁止
リンク
1