javascript - 如何在向下滚动时向顶部添加 20px

Question

我创建了一个按钮，单击时它会向下滚动到页面的下一部分。

scroll(el) {
  el.scrollIntoView({ 
    behavior: 'smooth',
    block: 'start' 
  });
}

<span class="btn"><a (click)="scroll(forecast)">CheckForecast</a</span>
<div #forecast class="container-fluid">

现在，当它向下滚动时，该部分的顶部隐藏在固定顶部导航栏后面。我需要补偿顶部导航栏的高度，使其一直向下滚动!？

谢谢大家。

Answer 1

这是最终对我有用的代码:

scroll(el) {
el.scrollIntoView({
  behavior: 'smooth',
  block: 'start'});

setTimeout(() => {
window.scrollBy(0, -40);
}, 500);}