iPhoneでページを読み込んだ時にURLバーを隠すためのJavascript。
iPhone使ってない人には何の事やらさっぱりわからないと思うのですが。そしてこれが正しいやり方なのかどうかわからないんですけどね。iPhoneのモバイルSafariでページを読み込むと通常はURLバーが出たままになります。でもそうするとモバイルの小さい画面がさらに占有されてもっと小さくなるわけです。
こればっかりは言葉で説明してもわからないと思うので昨年末購入した「高いカメラ」で動画をとってみました。ようはonload時にページを自動でスクロールしているだけなんですけどね。ただ、注意点としてはonloadで直接window.scrollToをしても反応しないという事。なんでだろ。そのためonloadでsetTimeoutをかましてからwindow.scrollToをしています。
これはYahooのiPhone用サイトなどでは実装されていますよね。本当に小さい配慮ですがなかなかどうして悪くないかなと。外部スクリプトを用意する程ではないのでスクリプト書いて置きますね。
window.onload = function(){
if(navigator.userAgent.indexOf('Mobile') > -1)
setTimeout("onloadScroll()",10);
}
function onloadScroll(){
window.scrollTo(0,10);
}
本当に小さな配慮ですが、その配慮も積もれば最高のユーザエクスペリエンスをもたらすのかなと!
[ 2010-02-15 19:44:26 / 0分 / 和田憲幸が生まれて30年と259日目(11209日目)に書いた日記です。 ]和田さんすげぇ2010-02-15 20:19:29 / POSTED BY NGY
>NGYさま
いえ、ほんと私、普通にヘタレです・・・。2010-02-16 21:17:39 / POSTED BY 和田
あ・・・iphoneが欲しい。
でも、softbankはきらいだ。
こんな人はどうすればいいですか?2010-03-04 19:19:47 / POSTED BY りっちょんちょん
>りっちょんちょんさま
ソフトバンクも悪くないですよ!私はドコモやKDDIと比べると孫の方が好きです。やっぱりIT畑から出てきたなという感じの事業展開はちょっぴり共感できる部分が多いので!2010-03-05 07:44:01 / POSTED BY 和田