iPhoneやiPadでは、残念な事にCSSの「position:fixed」はサポートされていません。
最近良くPCサイトで見かけるヘッダーやフッターを固定しているページを
iPhone & iPadで見ると残念な感じになっていたり。。。(このブログもその中の一つ…)

そんなiPhone & iPadに「position:fixed」を対応させることが出来るJS(not jQuery)
「iScroll」が今後役立ちそうなのでご紹介。

iScroll.jpg
iScroll | Matteo Spinelli's Cubiq.org

デモページはPCで見ると正常に動作しないことがあるようですが
iPhoneやiPadで見るとヘッダーとフッターが固定されて真ん中のエリアがスクロール可能となっています。
デモページはこちら

あくまでiPhone & iPad用に組まれたSCRIPTなので
通常のPCサイトでは使用できません。(というか使用する必要は無し…)

PC版とiPhone & iPad版を同じ一つのHTMLファイルで構成するのは
SCRIPTの構造的に難しいかもしれませんが、何かの時には活用できそうです。

正確には、対応媒体は iPhone / iPod Touch / iPad / Android のようです。

ご参考までに。。。

  • このエントリーをはてなブックマークに追加
BlackFlag
FOLLOW

Related Posts

Comments (0)







コメント内容

※コメントにHTMLタグを直接入力しないでください。
※HTMLタグを入力する際はタグ一つ一つの括弧「<」「>」を全角に変換して入力してください。
コメントは承認制になっているのですぐには反映されません。コメント頂いた内容については出来る限り早めの対応を心掛けていますが、時期によって返答が遅くなってしまうことがありますので、何卒ご了承ください。
» コメントについてのご注意  |  » ライセンスに関して

iPhone、iPadに position:fixed を対応させるJS「iScroll」

Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Tweets
Books
  • jQuery Technical Note
  • 外掛OUT! jQuery 高手精技
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR