title: How to offset links and anchors in React?
body: <p>I can't offset the jump point for anchor tags in my React app. No matter how much I adjust paddings, margins, and top; I get the same result. The last thing I tried is react-router-hash-link-offset and it behaves the exact same way with the exception of the scroll.</p>
  <pre><code>&lt;li className=&quot;app-link&quot;&gt;&lt;Link to=&quot;#section1&quot; smooth scrollOffset=&quot;100&quot;&gt;Summary&lt;/Link&gt;&lt;/li&gt;
  
  &lt;div className=&quot;app-section&quot; id=&quot;section1&quot;&gt;
            &lt;h3&gt;Summary&lt;/h3&gt;
  &lt;/div&gt;
  </code></pre>
  <p>I'm opened to any suggestions at this point.</p>