在小型设备上单击时，滚动到该部分顶部

Question

这堆代码在PC上运行良好，考虑到导航栏的实际大小，它确实可以滚动到本节的顶部。但是在平板电脑和移动设备上（例如，宽度<990时），计算不正确，并且在导航栏后的空白处显示页面，然后对其进行剖切。这是我的代码：

Js：

$(document).ready(function(){
  $("nav").find("a").click(function(e){
    e.preventDefault();
    var section = $(this).attr("href");
    $("html, body").animate({
      scrollTop: $(section).offset().top - $("nav").outerHeight()
    });
  });
});