Asial Blog

Recruit! Asialで一緒に働きませんか?

タグ「iScroll」の一覧

iScroll4でネイティブに近いスマホ向けHTMLページを作成する

カテゴリ :
フロントエンド(HTML5)
タグ :
Tech
iScroll
JavaScript
スマートフォン
icon
こんにちは。松田です。
スマホ向けにネイティブに近い動作をするHTMLページを作成しようとした時、必ずぶつかるのがヘッダーの動作の扱いです。
特にiOS向けに処理を書く場合、iOS5では実装されているposition:fixed;がiOS4では動作しないため、iOS4でCSSのみでヘッダーを固定することが難しくなっています。
そんな時につかえるのがiScroll4です。iScrollではJavaScriptの動作によりヘッダーの固定を行う処理が行われます。