title: How can I smooth scroll on Safari when <a> clicked?
body: <p>I have this in my navbar:</p>
  
  <pre><code>&lt;li class="nav-item"&gt;
    &lt;a class="nav-link" href="/#frase"&gt;¿Como funciona?&lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>I want to make the page scroll down slowly to the href. Now it's scrolling abruptly on Safari. For google chrome I have this and works fine:</p>
  
  <pre><code>&lt;style&gt;
    html{
      scroll-behavior: smooth;
    }
  &lt;/style&gt;
  </code></pre>
  
  <p>I've tried implementing smooth scroll for safari using Javascript from another stack overflow questions but none of them worked.
  Thanks in advance.</p>