iOS Safari で絶対位置指定された要素のスクロールが出来ない件 - Qiita
表題の件にハマりました。 iOS7: 未確認 iOS8: 再現 iOS9: 未確認（巷の記事によるとiOS9でも発生する模様） iOS10: 再現 iOS11.3: 動いたり動かなかったりする（対策施した版もアウトだったかどうかははっきり記録してなかったです…） iOS11.X のどこかでは height: 100% の代わりに height: 100vh を使わないと動かない時代もあった模様？ iOS12.2: どちらの版も動いたり動かなかったりする（つまり本記事の対策では効果なし） 例えばページ上にレイヤーを重ねて、一覧から項目を選択させるような場合に、絶対位置指定した要素の中でスクロールさせたいことってありますよね？ デモ（過去Safariで動かなかった版） デモ（後述の対策を施した版） このとき、次の条件を満たしてしまうと iOS Safari でスクロールできなくなってしまいます
Webアプリ内で慣性スクロールを実装する - Qiita
最近iOSネイティブ開発の機会が減ってネタがないのでWebアプリネタを透過します。あくまでhtmlの話です。 WebKitのスクロール減速速度 UIScrollView#decelerationRate の UIScrollViewDecelerationRateFastと同じ減速速度で、ヌルヌル感がないやや強い設定になっています。 ネイティブで実装する場合はdecelerationRate値を変更するだけなのですが、WebアプリやハイブリッドアプリなどでViewをHTMLで作成した場合はhtmlに細工を施す必要があります。 実現方法 div内のoverflowスクロールを利用する -webkit-overflow-scrollingというベンダープリフィックスプロパティが存在するのでこれをtouchに設定し、divからはみ出た部分をscrollに設定します。 それからスクロール範囲である
iOS 8.0でSafariでスクロールするとresizeイベントが実行される
スクロールするだけでresizeが発生 iOS 8.0にアップデートしてSafariでサイトを見ていたらページをスクロールしただけでresizeイベントが発生する。調べてみたらスクロールしてアドレスバーが縮小化したときに発生するようだ。 $(window).resize(function() { alert($(this).width() + ' ' + $(this).height()); }); iOS 8.0でSafariでスクロールするとresizeイベントが実行されるサンプル ほかにもこのような問題が iOS 8でSafariのアドレスバーをタップした時に背景が表示されないバグ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
