Sunflat のブログ

ソフトウェア開発についての話題が多いかも

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>