scrollIntoView with margin

You can set scroll-margin CSS attribute on the scroll target element. For example

.blue {
  scroll-margin: 20px;
}

https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin