Home > CSS | HTML | JavaScript | SmartPhone > 【iPhone】iOS5で追加になったもろもろ

【iPhone】iOS5で追加になったもろもろ

ここ見ながらまとめてる 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

Comment Form
Remember personal info

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 うのらぼ。

Home > CSS | HTML | JavaScript | SmartPhone > 【iPhone】iOS5で追加になったもろもろ

Search
Feeds
Meta

Return to page top