jQuery的滚动到锚无法正常工作

Question

我有以下链接：http://www.alessandrosantese.com/test/aldemair-productions/project.html

，我使用这个滚动到一个id一个特定的div：

 $('.project-nav a').on('click', function(e){ 
      e.preventDefault(); 

      var anchor = $(this).attr('data-id'), 
      el = $('#' + anchor); 
      $('html, body').animate({ scrollTop: el.offset().top}, 500); 

     }); 

它的工作原理差不多吧，它不在正确的位置滚动，他们似乎都是不正确的。

如果您点击详细信息，您将在上方滚动例如。

Answer 1

你应该尝试：

$('html, body').animate({ scrollTop: el.offset().top - $('header.close').height()}, 500); 

的滚动工作正常。如果您隐藏标题，您会看到“详细信息”完全位于窗口顶部...