- 2011-10-13 (木) 12:29
- CSS | HTML | JavaScript | SmartPhone
ここ見ながらまとめてる http://jsdo.it/GeckoTang/8ldM
- position: fixed;の実装
- overflow: scroll/auto;
に対応が1本指でスクロールするようになった- -webkit-overflow-scrolling: touch;を指定するとスクロールバーを出せる(ネイティブなスクロールになる)
- バーが出てた方が動きが滑らか
position:fixed;な要素と-webkit-overflow-scrollinを指定している要素が重なった時、z-indexを指定していないとおかしな挙動をする。 z-indexが指定してあれば問題ない模様。
あとは日時に関する入力タイプ(<input type=”datetime”>など)でドラムが出るようになった。
- date
- month
- time
- datetime
などなど。 valueに値が無いと空っぽ表示→クリックすると現在時刻。
<input type=”range”>がスライダー表示になった。 -webkit-appearance: slider-vertical;で縦スライダー。 ::-webkit-slider-thumbで動かすアレのスタイル指定。
あとはプライベートブラウジングのときのこれ iOS5で追加されるPrivate BrowsingモードとWebStorageの兼ね合い ::ハブろぐ はやっぱりそうなっていた。 try~catchで回避可能。
Comments:0
Trackbacks:0
- Trackback URL for this entry
- http://unolabo.boo.jp/archives/2011/10/13-ios5%e3%81%a7%e8%bf%bd%e5%8a%a0%e3%81%ab%e3%81%aa%e3%81%a3%e3%81%9f%e3%82%82%e3%82%8d%e3%82%82%e3%82%8d.html/trackback
- Listed below are links to weblogs that reference
- 【iPhone】iOS5で追加になったもろもろ from うのらぼ。