【重要】サービス終了のお知らせ

Fork
0
Fav
0
View
7324
  • Play

Fullscreen

Smart Phone

  • Readme
  • ES6 31 lines
  • HTML 6 lines
  • CSS 27 lines
iOSで、
キーボードが出たときに
position:fixedにしてる要素が
どっか行くというバグを発見!


キーボードが出た時もヘッダを固定にしたい。


キーボード出るときにresizeイベントも走らないし、
windowのheightを取ってもキーボードを無視したサイズになってるぽいな
どうしようもないんじゃないか


イベントのタイミング自体は、inputのfocus/blurでむりやり代替できるかもしれないけど、
ウインドウの高さが取れないんじゃスクロール位置を計算してabsoluteで配置することも出来ない

お手上げだ


参考:
iOS の position:fixed バグ回避方法【日記 2014/01/26】
http://www.wizforest.com/diary/140126.html

iOS 9 の Safari でタブバーが表示されていると fixed な要素の計算上の位置がずれる - Qiita
http://qiita.com/haribote/items/f23b8a696d98e469723d


  • iOSでキーボードが出た時のposition:fixedのバグ
  • jQuery v2.1.0
  • iOSでキーボードが出た時のposition:fixedのバグ

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

shuuuuun

Author

  • Github

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?