“
-
MobileSafariでposition:fixedがうまく機能しない
どうもiPhoneのSafariでposition:fixedが効かないみたいです。
たしかに、いろんなサイトをiPhoneで見ているとfixedではなく追従やふんわり消してからふんわり表示する方法を採用しているところが多いです。
以下にこの現象のことが書かれていて、
MobileSafariのposition:fixedが厄介すぎる件 - capeknote
- iscroll.js をつかう
- Sencha Touch (Ext.js 有料) をつかう
という案があるそうです。
iScrollはデモを見ればそのすごさが分かりますが、Senchaのほうは試していないのでよくわかっていないです。
個人的には、jQueryMobileの機能で代用するのがいいんじゃないかな〜と思っています。
jQuery Mobile: Demos and Documentation
作りこんでいくと常に検索ボタンを画面に表示したいなどの要望が出てきそうなので、この問題にいずれぶち当たりそうですね。
追記：2011-03-02
YUIを使ったパターンが書かれていました！
またこの記事の紹介もしていただきました。ありがとうございます！
YUIライブラリのScrollViewウィジェットを使ってiPhoneでもposition:fixed;が効いてるっぽく見せる - かちびと.net
-
jQueryMobileを使ってのスマートフォンサイトの構築メモ at HouseTect, JavaScriptな情報をあなたに
Androidな003SHで見るとposition:fixedのくせに動いちゃって使い物にならないんだけどこの端末のせいなのかな・・・(；´Д｀) jQueryMobileはスクロール中にちらちらしたり消えたりして怪しいし・・・なんとかしないと(；´Д｀)