ID位置の代わりにid位置の上に80pxをスクロールします

Question

このスニペットをロードすると、ページの#idにスクロールします。問題は私たちのスティッキーナビゲーションが80pxの高さなので、私はそれがスクロールするときに表示したい部分をカバーしています。#id。

このコードはうまくいきます。しかし、どのように私は正確に#idの代わりにIDの上に80ピクセルのスクロールをするのですか？ （そのワードプレスサイト）

jQuery(document).ready(function($){ 
    if ($(window).width() < 768){ 
    if($('body.woocommerce-page').length || $('body.single-product').length){ 
    $('html, body').animate({ scrollTop: $("#scrollto1").offset().top}, 1250); 
    } 
    } 
}); 

ありがとうございました！

Answer 1

.offset().topから80を単に差し引くことができます。下記参照。

jQuery(document).ready(function($){ 
    if ($(window).width() < 768){ 
    if($('body.woocommerce-page').length || $('body.single-product').length){ 
    $('html, body').animate({ scrollTop: $("#scrollto1").offset().top - 80}, 1250); 
    } 
    } 
});