滚动到位置jquery偏移动画

Question

我使用下面的代码向下滚动到我的联系部分在页面的底部，这是完美的工作，直到我在页面顶部添加一个固定的导航向下滚动页。但不幸的是导航占用了100px的页面，所以它滚动100px超过我想要的点。我需要将导航高度添加到.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);