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

Question

我有这个片段，加载时会滚动到页面上的#id。问题是我们的粘性导航高度 80px，因此它覆盖了我希望在滚动到特定 #id 时可见的部分。

这段代码效果很好。但是我如何让它滚动到 id 上方 80px，而不是恰好滚动到 #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); 
    }
   }
});