2012年03月05日
iPhone対応サイトの不正な横スクロール @ iPod touch
おそらく、iPhone対応のサイトを作っている時に変な横スクロールを発生させない為に、と言うか、他の理由も含めて既にそうなっている場合もありますが、ページ全体を囲んでいる要素のスタイルシートに overflow:hidden; を書いているんじゃないかなと思いますが、もとのHTMLソースを修正出来ない場合など、何らかの理由で overflow:hidden; を指定する事が出来ない場合もあるかと思います。その場合の対策としてこんな感じのJavascriptを用意すれば良いかな。
window.onresize = function(){
var pos_y = (document.documentElement.scrollTop || document.body.scrollTop);
window.scrollTo(0,pos_y);
}
見ての通り、Y方向の移動量を取得しておいて、X方向だけ0にしてます。
当初、 window.onorientationchange を使えば良いだろうと思ったのですが、どうやらAndroidで使えないらしい。iPhoneだけだったらオリエンテーションの変化を検出する onorientationchange だけで良かったのだが、そうも行かないので、 onresize を使ってます。一応iOS 5のiPhoneとiPhone OS 3のiPod touchで確認したので、この方法でiOS系は問題ないはず。
ただ、この方法は、あくまでも最終手段なので、他の手法で何とか成る場合は、そっちの方が良いかも。
関連日記
- 2012年05月05日 iPhoneアプリのローカライズ (41853)@ iOS
- 2009年05月14日 iPhoneの小技「Respring」 (16359)@ iPod touch
- 2010年06月04日 Objective-Cでのグローバル変数 (15222)@ iPod touch
- 2009年03月31日 iPhone用Skype (13718)@ iPod touch
- 2008年12月03日 ホームボタン長押しでメモリ解放 (11965)@ iPod touch
- 2010年12月12日 NHK「ビットワールド」の探索ゲーム「幽霊屋敷の謎」 (11910)@ ゲーム
- 2012年01月21日 iOSのPush Notification (10771)@ iPod touch
- 2008年08月21日 iPhone用立体視アプリ「iHologram」 (8954)@ 3D
- 2009年10月12日 CSS : -webkit-border-imageを試してみた (8784)@ ウェブ
- 2009年01月13日 スケジュール管理ソフト「さいすけ」 (8746)@ iPod touch
- 2009年07月01日 マーカーレスAR (8131)@ 3D
- 2015年11月25日 Youtubeでの3D対応動画の表示 (7465)@ ウェブ
- 2011年04月21日 書籍「デジカメの画像処理」 (7146)@ デジカメ
- 2013年11月24日 iBeaconを試す(1) 対応ビーコンとアプリ (7105)@ iOS
- 2013年12月08日 iBeaconを試す(3) Core BluetoothとMavericks (6596)@ Mac
- 2008年08月28日 iPhoneの待ち受け画面をキャプチャ (6323)@ 携帯電話
- 2012年10月19日 Lightweight SWF (6306)@ Flash
- 2009年07月25日 音声認識「Julius」 (6298)@ Mac
- 2008年09月20日 iPod touchとOSC (6000)@ iPod touch
- 2012年11月15日 Unity 4でVuforia (5949)@ iOS
- 2008年12月10日 INFOBAR2用iPhone風メニュー (5796)@ 携帯電話
- 2009年03月27日 iEmoji - unlock Emoji (5695)@ iPod touch
- 2013年08月22日 先の日曜日はA8D:1だった (5641)@ 雑
- 2009年12月02日 SilverlightがiPhoneで? (5487)@ iPod touch
- 2009年04月19日 a tangible multi-touch interaction framework「reacTIVision」 (5442)@ Flash
- 2009年01月28日 Xcodeのオーガナイザでキャプチャ (4984)@ iPod touch
- 2009年01月08日 ARToolKit v4.4 running on iPhone (4959)@ iPod touch
- 2008年06月19日 iPod TouchとGoogleカレンダーを同期する「NemusSync」 (4891)@ iPod touch
- 2009年09月19日 ボイスレコーダー用超小型マイクが980円 (4848)@ iPod touch
- 2010年12月13日 ハックしたい人はKinect同梱版は要注意 (4833)@ ゲーム
アマゾン広告
この日記ページは閲覧数などの条件に応じて、閲覧制限を行っています。他からリンクしていただいても、そのリンクから辿った閲覧者が当ページの内容をご覧頂けない場合があります。ご了承下さい。