title: scrollIntoView with margin
body: <p>I have a webpage on which I would like to scroll to a certain element.</p>
  
  <p>That part works fine by using <code>scrollIntoView</code>; but I would like to add a bit of space above the element (<code>20px</code> or something) </p>
  
  <p>I'm currently doing something like this: </p>
  
  <pre><code>const moveToBlue = () =&gt; {
    const blue = document.getElementById('blue')
    blue.scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'start'});
  };
  </code></pre>
  
  <p>I would however like to scroll futher 20px up (see my <a href="https://codepen.io/methgaard/pen/OvKOpQ" rel="noreferrer">demo here</a>) </p>
  
  <p>Is this possible? </p>