ページ内リンクの高さをスマホとＰＣで変更

Question

$(function () {
 var headerHight = 100; //ヘッダの高さ
 $('a[href^=#]').click(function(){
     var href= $(this).attr("href");
       var target = $(href == "#" || href == "" ? 'html' : href);
        var position = target.offset().top-headerHight; //ヘッダの高さ分位置をずらす
     $("html, body").animate({scrollTop:position}, 550, "swing");
        return false;
   });
});

PCでは高さ100、スマホ時は70にしたいです。

条件分岐の記述方法がわかりません。

ご教授願います。

Comments

[x_x]

このスペリングミスのあるコード、質が悪いのでいやなのですが何度も見かけます。どこで配布されているのでしょうか？

Answer 1

高さを取得すればいいので、分岐する必要がありません。

var headerHight = $('header').outerHeight(); // スペリングミスはそのまま

https://api.jquery.com/outerHeight/