Simple Solution to Prevent Body Scrolling on iOS
In my last article about building accessible popup overlays with Vue.js we used a simple technique to prevent scrolling in the background. I think that this little trick for preventing scrolling on the <body> element on all devices, including iOS 12 and below (finally, this was fixed in iOS 13 🎉) is worth taking a closer look. Usually, we can use overflow: hidden on the <body> element to prevent
iPhoneでselect要素が長すぎて省略されてしまうのを防ぐ方法 | 埼玉のWebコンサルタント ColdSleep Works
（投稿日：2017年07月08日） iPhoneでプルダウンメニューを表示したときに、選択肢（select要素）が長すぎると途中で省略されてしまいます。そんなの困りますよね。今回はその回避策を紹介します。 iPhoneではselect要素が長いとはみ出す分は「…」と省略されてしまいます。これは困りますよね。選択肢がちゃんと表示されないと選べません。 それがこんな風に省略されずに表示されるようになります。画面内に収まるように自動的にフォントが調整されます。もっと長い場合は複数行表示になります。 select要素を省略させない方法 やり方は簡単でoptgroupを使います。記述の仕方は2種類ありますがどちらを使うかはお好みで。 その１：option全体をoptgroupで囲む <select> <optgroup label=""> <option>テキスト</option> <option>
iOS WebView App
ABC 2014 Winter ( Android Bazaar and Conference 2014 Winter / 2014年12月21日 ) カンファレンス：次世代 Android トラック 16:15～ 「 C++ と Visual Studio による Android 開発 」 にて登壇させていただいた際のスライドです。 http://abc.android-group.jp/2014w/conference/next/ 【セッション概要】 Android の開発環境が、最新の Visual Studio でますます充実しています。JavaScript/ C#/C++ によるアプリ開発を始め、ついに Microsoft から Android Emulator も提供されました。このセッションでは Visual Studio が提供する Android アプリ開発環境の概要をご
Hello RemoteDebug iOS WebKit Adapter: Debug Safari and iOS WebViews from anywhere 📡📱
Today, I’m happy to announce a new project, RemoteDebug iOS WebKit Adapter, which enables Safari and WebViews on iOS to be debugged from tools like VS Code, Chrome DevTools and Firefox debugger.html on both Windows and Mac. RemoteDebug iOS WebKit Adapter overview PurposeThis adapter enables debugging of Safari/Webkit on iOS from Chrome Debugging Protocol (CDP) based tools. The scope of the project
iOS でページ全体はスクロールを無効にし、個別の要素（textarea など）では有効にする方法 - Qiita
実に簡単です。 しかし、iOS では、この方法だとうまくいきません。 iOS でページ全体のスクロールを無効にする方法 ググってみるとたくさん記事が出てきます。一番シンプルでオーソドックスな方法は、以下の JavaScript を使用する方法です。 touchmove イベントハンドラを設置し、タップした状態から指を動かしたときに、preventDefault() を呼ぶことでイベントをキャンセルします。 これならたしかにスクロールを無効にすることができます。しかし、これだと、たとえばテキストエリアがあった場合にはそのテキストエリア内のスクロールもできなくなってしまいます。 ページ全体（body）はスクロール無効にしたいけど、それ以外のテキストエリアなどの要素に対してはスクロールを有効にしたい、そういうときの実現方法を紹介します。 特定のエリアのみスクロールを無効にする方法についての記事は
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モーダルなどスクロールしてると一部が表示されないバグ/iOS - もりもりやまもりすぱげってぃ