iPhone向けWebページで、アドレスバーを隠す
iPhone向けWebページで、自動的にスクロールさせてアドレスバーを隠したい場合、以下のようなコードを書くことが多い。
<script type="text/javascript"> window.onload = function() { setTimeout(scrollTo, 100, 0, 1); } </script>
でもこれだと、Backボタンで戻った時にも強制スクロールされてしまい、見づらいサイトになってしまう。
初回表示時(手動でスクロールさせていない状態の時)のみスクロールさせたい場合は、以下のようにすれば良いらしい:
<script type="text/javascript"> function doScroll() { if (window.pageYOffset === 0) { window.scrollTo(0,1); } } window.onload = function() { setTimeout(doScroll, 100); } </script>