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

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

Scroll 80px above id position instead of on id position

javascript

jquery

scrolltop