iPhone用にホームページ最適化の小ネタ

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);
}

本当に小さな配慮ですが、その配慮も積もれば最高のユーザエクスペリエンスをもたらすのかなと！

502 / 1082 2010-02-15 19:44:26 / 入力時間 0分

NGY: NGYさん和田さんすげぇ

和田: 和田さん＞NGYさま
いえ、ほんと私、普通にヘタレです・・・。

りっちょんちょん: りっちょんちょんさんあ・・・iphoneが欲しい。
でも、softbankはきらいだ。

こんな人はどうすればいいですか？

和田: 和田さん＞りっちょんちょんさま
ソフトバンクも悪くないですよ！私はドコモやKDDIと比べると孫の方が好きです。やっぱりIT畑から出てきたなという感じの事業展開はちょっぴり共感できる部分が多いので！

新規コメント出力エリア

その他の記事

新着情報ここまで

和田憲幸の広告

BTOパソコン: www.pc-take.com自作PCやBTOパソコンの事ならシューマイが美味しい神奈川県は横浜のPC-takeにお任せください。

事業再生のSTP: www.s-tp.jp経営が苦しい、そんなときはSTPに経営相談や経営コンサルティングをご依頼ください。

ドライフラワー卸売り: www.coretrading.co.jpドライフラワーやプリザーブドフラワーの業務用卸売りならコアトレーディング。

通話録音装置ネイクス: www.neix.co.jp通話録音装置や通話録音システムのことならネイクス。

インプラント東淀川区上新庄: www.higashi.ne.jp東淀川区上新庄でインプラントや矯正歯科ならひがし歯科で決まり！

吉野川ラフティング: www.safari-g.com四国は吉野川でラフティングやハイドロスピード、キャニオニングと言えばサファリだよね。

ホームページ制作アルバイト: next-level.bizホームページ制作、Webデザイナーのアルバイト、SOHOのことはネクストレベルまでご相談ください。

札幌美容室アイウィル: www.aiwill.jp札幌市中央区で美容師をお探しの際はアイウィルまでお越しください。

WEBLOGS6.1.0: www.synck.jpこのブログはシンクテクニカのウェブログでつくられています

札幌ホームページ制作: www.synck.com札幌でホームページ制作やWebアプリケーション制作ならシンクグラフィカへ。

iPhoneで内線電話: www.smartgate.biziPhoneやAndroidから内線電話が無料でかけれる。

新潟リフォーム: www.neohouse.jp新潟で注文住宅とリフォームはネオハウス。

和田憲幸のブログ