jQuery偏移切断了页面顶部

Question

所以我在这个网站上工作，当我尝试添加这段代码时：

jQuery(document).ready(function(){
      jQuery('html, body').animate({scrollTop: jQuery('#gedichten').offset().top -200}, 'slow');
});

当您填写表单时，它会刷新页面并应滚动到指定的DIV，但它会在页面底部添加200个白色像素，并在页面顶部切掉大约200个，这样标题就会被截断。

Link to how the header should look

这个问题是否有任何合理的解释，因为我似乎无法弄明白。