スマートフォンとposition:fixedのバグ iPhoneではiOS5からAndroidでは2.2からposition:fixedに対応されてスマートフォンでも固定配置が利用できつつあります。と思いきや色々と落とし穴が多いのでまとめておきます。 Androidではuser-scalable=noが必須 <meta name="viewport" content="user-scalable=no" /> Androidではviewportにuser-scalable=noの指定がないとposition:fixedが動きません。iPhoneではuser-scalable=noの指定がなくてもposition:fixedが動きますがけっこう挙動が微妙なのでuser-scalable=noは指定しておいたほうが良いでしょう。 サンプル(user-scalable=noあり) サンプル(us
こんにちは、鴨田です。 スマートフォンアプリを作成する際、 やはりタイトルバーやフッターメニューは欠かせないところです。 jQuery MobileやiUIなどのライブラリを使えば、大して苦労はしないのですが、 ライブラリを使いたくない場合もあると思います。 仮に独自で実装する場合は、上部と下部に固定する必要があり、 HTMLになじみのある人であれば、すぐに”position:fixed;”を使えばいいだろう、 と気づくと思います。 確かにそうなのですが、実は”position:fixed;”を使用するには、 ある程度の条件が存在します。 ■iOSの場合 iOS 5以降でしか対応していません。 ■Androidの場合 Android 2.2以降でしか対応していません。 また、viewportでuser-scalable=yesにしていると、 固定されず、”position
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く