滚动到位置 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);