スムーズスクロールオフセットに達したときの設定方法幅<480 px

Question

$(document).ready(function() { 
    $("a.smooth-scroll").click(function (event) { 
     event.preventDefault(); 
     var section = $(this).attr("href"); //get or return section id #about etc 

     var section = $(this).attr("href"); 
     $("html,body").animate({ 
      scrollTop: $(section).offset().top - 64 
     }, 1250, "easeInOutExpo"); 
    }); 


}); 

円滑なスクロールのコードです。デスクトップ画面では正常に動作していますが、モバイルデバイスの場合はoffset（）、top-64をoffset（）に設定する必要があります。top-50。私はサイズ変更機能を使用しようとしましたが動作していません。

Answer 1

現在のウィンドウサイズを確認し、取得した幅に応じて50または64の値を設定してみます。

$(document).ready(function() { 
$("a.smooth-scroll").click(function (event) { 
    event.preventDefault(); 
    var section = $(this).attr("href"); //get or return section id #about etc 

    var section = $(this).attr("href"); 
    var value = ($(window).width() < 480) ? 50 : 64); 
    $("html,body").animate({ 
     scrollTop: $(section).offset().top - value 
    }, 1250, "easeInOutExpo"); 
});