エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
スマホのposition: fixed;で再描画を使って位置ズレを防ぐ - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
スマホのposition: fixed;で再描画を使って位置ズレを防ぐ - Qiita
スマホでposition: fixed;を使うと、よくページ進む・戻るボタンで画面遷移をしたときにfixedを指定した... スマホでposition: fixed;を使うと、よくページ進む・戻るボタンで画面遷移をしたときにfixedを指定した要素の位置がズレたりタップ位置がずれたりする。 そういう場合に、以下のような方法で再描画をさせることで位置ズレを解消してあげることができる //// JavaScript (ここでの$はjQueryみたいなもの) var html = $("html"); // pageshowのイベントでhtmlに.do-fixedを付ける window.addEventListener("pageshow", function() { html.addClass("do-fixed"); }, false); // pagehideのイベントでhtmlから.do-fixedを外す window.addEventListener("pagehide", function() { html