> For the complete documentation index, see [llms.txt](https://attr.sygnal.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://attr.sygnal.com/sa5-html/scroll-anchor.md).

# Scroll Anchor

{% hint style="info" %}
CONCEPTUAL
{% endhint %}

Add scroll anchor adjustments, by recreating Webflow's adjusted smooth scroll. 

* Support `#hash` entry into the page
* Support navigation links
* Support fixed / sticky navs
* Support adjustable offsets by section
  * And globally 

## Notes

<https://stackoverflow.com/questions/27970378/how-can-i-set-an-offset-on-my-sticky-navigation>

<https://getpublii.com/blog/one-line-css-solution-to-prevent-anchor-links-from-scrolling-behind-a-sticky-header.html>

<https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding-top>

<https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-block-start>