以前、position: fixedもmetaタグも使わずにiPhone用ウェブサイトをアプリっぽく見せる(twitterっぽく)という記事を書きましたが、そちらで用いたタッチ制御よりもかなりロジックをすっきり書くことができましたので、再度共有したいと思います。 前回同様、サンプルはこのポートフォリオサイトとなります(ブログは除く)。iPhoneのSafariでアクセスしてみてください。 ソースは以下。CoffeeScriptです。 $(document).on ‘click’, ’.main-header .nav a’, (e) => の部分は、twitterっぽくサイト内でpushStateを用いているために記述しています。通常のページ遷移をする場合は、必要ありません。
![改)position: fixedもmetaタグも使わずにiPhone用ウェブサイトをアプリっぽく見せる(twitterっぽく) - Yusuke Sugomori's Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/912e9e10f77f370b663f9f3de04a046bae1f96c7/height=288;version=1;width=512/http%3A%2F%2Fyusugomori.com%2Fassets%2Fogp.png%3F20140224)