iScroll4でネイティブに近いスマホ向けHTMLページを作成するこんにちは。松田です。 スマホ向けにネイティブに近い動作をするHTMLページを作成しようとした時、必ずぶつかるのがヘッダーの動作の扱いです。 特にiOS向けに処理を書く場合、iOS5では実装されているposition:fixed;がiOS4では動作しないため、iOS4でCSSのみでヘッダーを固定することが難しくなっています。 そんな時につかえるのがiScroll4です。iScrollではJavaScriptの動作によりヘッダーの固定を行う処理が行われます。 http://cubiq.org/iscroll-4 上記のサイトからDOWNLOADボタンを押すとtar.gz形式のファイルがダウンロードされます。 examplesディレクトリにたくさんサンプルが入っているので見てみると良いかもしれません。 特に使えそうなのが、lite、pull-to-refresh、carousel、あたりです。
