【スマートフォン】ページ読み込み時、自動でアドレスバーを隠すJavascriptを書くのはやめることにした

ここのところブログの大半をスマートフォンネタにしてきましたが、それだけスマートフォン用のページ・コンテンツを作る機会が増え、ニーズも高まってきているように感じます。

で、タイトルの件なんですが、これ書いてるとページの読み込み前からスクロールしてる最中でも、完了時には勝手に一番上に飛ばされてしまうんですよね。

今まで自分では、そうなることはわかってるから、
「読み込みまでスクロールせず待機→アドレスバーが隠れてからスクロール」
って、やってたんですが、知らない人にとってはなんで一番上に飛ばされるのかわからないという指摘がありました。

確かにそうだなぁと思いましたし、そもそも先にスクロールしてても勝手にアドレスバー隠れるんだから、そんなに意味ないんじゃないかなぁと思ったり。
iOS5未満のSafariやAndroid 2.1以下のブラウザがどうか検証してませんが、HTML5やCSS3の対応具合、ユーザー数を考えるとその辺はもう非対応機種でもいいのかなって気がします。

もちろん、どうしてもお知らせしたいことが一番上にあったり、WEBアプリだから消す必要があるなどの理由があるなら、書くべきだと思います。
書かないにしても、スマートフォン版googleはスクロールしてない場合のみ(pageYOffsetで判定?)、アドレスバーを隠すようにしてるので、それくらいは採用するべきかなぁと考えてます。

最近の各キャリアから出る携帯もスマートフォンの割合が多くなり、WI-FI環境で使えない人の割合も増えてると思うので、これを機会にみなさんも考えてみてはどうでしょう。

スマートフォン対応ページのデザインで気をつけたほうがいい4つのポイント

今までスマートフォン対応の小ネタばかり書いてきたので、ちょっとまとまった記事を書いてみました。
これまでのPC向けのWEBデザインの感覚とは違う部分があるので、これからスマートフォンのデザインをやるって人も、すでにやってる方も参考にしてみてください。
Read more

スマホ対応ページを組んでる時、iPhoneでリロードするのがめんどくさいので

スマホ対応ページをコーディング・確認しているときに、細かい点を修正してURLバー出すためにトップに戻る→リロード→確認するのがめんどくさくて仕方なかったので、サクっとJavaScript書いた。
Read more

Page 2 of 2012345Last »

このページの上部へ