[スマートフォン]上部のアドレスバーを見せなくする方法

スマートフォンサイトを表示させた時に、Yahoo!JAPANもそうなのですが、ブラウザのアドレスバー(検索する部分)が見えなくなるサイトがあります。

やり方は、
<script type="text/javascript">
    window.addEventListener('load', function(){ window.scrollTo(0,1); }, false);
</script>
このように、loadした時にスクロールをちょっと下げてあげる事で実現できます。
ただし、画面の縦サイズ以上の内容がないとできませんので注意が必要です。

完全に非表示にした訳ではなく、少しずらして最初に見えなくしているだけなので、検索をしたければできますし、サイトとしてもより多くの情報を最初に見せることができるので、採り入れたい方法ですね。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です