jQuery goToByScroll 偏移量

Question

我正在使用 goToByScroll 脚本，我需要它忽略页面的前 40 像素，因为我有固定的导航，导致所有位置 40 像素太低。

这是我的代码：

<script> 
  function goToByScroll(id){
  $('html,body').animate({scrollTop: $("#"+id).offset().top},'500');
  }
</script>

有什么解决方案吗？

Answer 1

只需在计算偏移时包括 40 像素...

$('html,body').animate({scrollTop: $("#"+id).offset().top - 40},'500');

或者可能是这样的...

$('html,body').animate({scrollTop: $("#"+id).offset().top - $("#nav").height() },'500');

虽然@Praveen 的答案是错误的，但他在其中放置了一个很好的 .stop() 来防止多次射击互相干扰。到这里就全部了...

<script>
  // assuming `#nav` identifies your navigation element...
  function goToByScroll(id){
      $('html,body').stop().animate({scrollTop: $("#"+id).offset().top - $("#nav").height() },'500');
  }
</script>

Answer 2

 $('html, body').stop().animate({ scrollTop: 40 }, 500);

Answer 3

<script> 
  function goToByScroll(id){
    $('html,body').animate({scrollTop: $("#"+id).offset().top + 40},'500');
  }
</script>