iOS Safariで、ページ遷移を伴うページ内リンクが動作しない問題をjQueryで何とかする

現象

<a href="hoge.html#huga">ほげ</a>

のような、ページ遷移を伴うページ内リンクが、iOS Safariにて上手く動作せず、遷移後のURLを見ると
http://sample.com/hoge.html
って感じでハッシュが削除されてしまう。
どうやらiOS Safariの仕様らしいので、jQueryでなんとかした。

対処

該当するaタグのhrefからハッシュの値を取り出して、代わりにクエリパラメータとして付与

<a href="hoge.html#huga">ほげ</a>
↓
<a href="hoge.html?js-hash=huga">ほげ</a>

クエリパラメータjs-hashを持ってアクセスしたときに、その値と一致するidを持つ要素にスクロールするようにした。

コード

下記のコードを全ページで読み込ませた。

$(function(){
    var ua = navigator.userAgent;
    //iOSのみ対応
    if(/iPhone/.test(ua) || /iPad/.test(ua)) {
        //ページをまたいだページ内リンクのハッシュをクエリパラメータに変換
        $('a[href*=#]').each(function(){
            var orgHref = $(this).attr('href');
            var index = orgHref.lastIndexOf("#");
            //通常のページ内リンクは対象外とする
            if(index != 0) {
                var hash = orgHref.substr(index).substr(1);
                var href = orgHref.substr(0,index);
                if(href.match(/\?/)) {
                    var connector = '&';
                } else {
                    var connector = '?';
                }
                $(this).attr('href',href + connector + 'js-hash=' + hash);
            }
        });
        //クエリパラメータに[js-hash]が存在したときの処理
        if(getQueryVariable('js-hash')) {
            var target = $('#' + getQueryVariable('js-hash'));
            offsetTop = target.offset().top;
            $('html, body').animate({scrollTop:offsetTop}, 500);
        }
    }

    //指定したクエリパラメータの値を返す
    function getQueryVariable(variable) {
      var query = window.location.search.substring(1);
      var vars = query.split("&");
      for (var i=0;i<vars.length;i++) {
        var pair = vars[i].split("=");
        if (pair[0] == variable) {
          return pair[1];
        }
      }
        return(false);
    }
});

参照ドキュメント

クエリパラメータ取り出し方はこちらを参照した
https://css-tricks.com/snippets/javascript/get-url-variables/