スマホでスクロール時、ページのリロードが何度も起きてしまいます。

Question

###前提・実現したいこと
レスポンシブルデザインを実現するために画面サイズの変更時に
javascriptを読み込み直すようにしたいです。
私は画面サイズが変更された時にページをリロードさせようとしました。

###発生している問題・エラーメッセージ
PCでは問題ないのですがスマフォやタブレットでスクロールするたびにリロードが起こってしまいます。

エラーメッセージ

###該当のソースコード

var timer = false;
$(window).resize(function() {
    if (timer !== false) {
        clearTimeout(timer);
    }
    timer = setTimeout(function() {
        window.location.reload();
    }, 200);
});

###試したこと
一度リロードした後にもう一度リロードさせないようにしようとしましたがうまくいきませんでした。

###補足情報(言語/FW/ツール等のバージョンなど)
スマホではページをスクロールするたびに画面サイズが変更されるようです。
より詳細な情報

Answer 1

いくつか解決方法があるようです。

【iOS8 スクロールするとリサイズイベントが呼ばれるので - あぷすた】
http://appstars.jp/archive/583

【知ってる？ iOS Safariでスクロールしただけでリサイズイベントが発生する原因と対処法 - Qiita】
http://qiita.com/tonkotsuboy_com/items/d32ec6e7a1f6f592d415

Comments

[YoshikiTanaka]

ウオォ！できました！ありがとうございます！