jquery - 滚动到位置jquery偏移动画

Question

我正在使用以下代码向下滚动到页面底部的联系部分，该部分工作正常，直到我在页面顶部添加了固定导航以随页面向下滚动。但不幸的是，导航占用了页面的 100 像素，因此它滚动了 100 像素，超过了我想要的点。我需要将导航高度添加到 .offset 才能查看页面的正确部分。

如何添加导航栏的高度以及代码以将该高度进一步向下滚动到页面。

$("document").ready(function() {            

            $('#contact_cntrl').click(function(){

                $('html, body').animate({
                    scrollTop: $(".contact").offset().top
                }, 1000);                  


             });            

Answer 1

我相信您想要的是将像素偏移添加到您的 scrollTop 中。像这样:

$('html, body').animate({scrollTop: $('.contact').offset().top + 100}, 1000);