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

滚动80px高于id位置而不是id位置

1 个答案: