> For the complete documentation index, see [llms.txt](https://docs.cwicly.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cwicly.com/advanced/animate-on-scroll.md).

# Scrolling

<figure><img src="https://lh4.googleusercontent.com/czwCl0XWwpgb2ylS7Q9LWnoiJLIxcwjZt-KZ5UJ8zMWv7CMxCKWzdsMJnADGACC7ZZoHe4os6DAFQAwGCF53ZSShslAdgltsb06jwUEYXwJMWaqg12QC6x4yA-O3JMQolrjaetZEa-UpKDgPyXqUQAo" alt=""><figcaption></figcaption></figure>

Allows you to add specific actions/effects to elements on scroll.

{% embed url="<https://www.youtube.com/watch?v=eNYS7lNSDGg>" %}

{% embed url="<https://www.youtube.com/watch?v=LsoWBf_X9A8>" %}
How To - Show/Hide Header On Scroll
{% endembed %}

## Animate on Scroll

{% content-ref url="/pages/jjEiCdyIWn1UwPQInKVl" %}
[Animate On Scroll](/advanced/animate-on-scroll/animate-on-scroll.md)
{% endcontent-ref %}

## Scroll Direction

{% content-ref url="/pages/U5UU2DA0FHdpZHrFv4NZ" %}
[Scroll Direction](/advanced/animate-on-scroll/scroll-direction.md)
{% endcontent-ref %}