在id位置上方滚动80px，而不是id位置

Question

我有此代码段，该代码段在加载时滚动到页面上的#id 。 问题是我们的粘性导航高度为80px ，因此它覆盖了滚动到该特定#id时我希望看到的部分。

这段代码很棒。 但我怎么让它在滚动80px的ID，而不是上面正好#id 。 （其wordpress网站）

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); 
    }
   }
});