> For the complete documentation index, see [llms.txt](https://v1-6-0.pipui.ru/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://v1-6-0.pipui.ru/components/anchor.md).

# Якоря

Якоря позволяют организовать переход к элементу с анимацией

```html
<ul class="nav-menu">
    <li class="nav-menu-item"><a href="#" data-anchor="#achor-1" class="nav-menu-link" rel="nofollow">Anchor link #1</a></li>
    <li class="nav-menu-item"><a href="#" data-anchor="#achor-2" class="nav-menu-link" rel="nofollow">Anchor link #2</a></li>
    <li class="nav-menu-item"><a href="#" data-anchor="#achor-3" class="nav-menu-link" rel="nofollow">Anchor link #3</a></li>
    <li class="nav-menu-item"><a href="#" data-anchor="#achor-4" data-anchor-duration="1000" class="nav-menu-link" rel="nofollow">Anchor with custom duration</a></li>
    <li class="nav-menu-item"><a href="#" data-anchor="#achor-5" data-anchor-duration="2000" data-anchor-easing="easeOutBounce" class="nav-menu-link" rel="nofollow">Anchor with custom easing</a></li>
    <li class="nav-menu-item"><a href="#" data-anchor="#achor-6" data-anchor-hash="true" class="nav-menu-link" rel="nofollow">Anchor with hash change</a></li>
</ul>
```

{% embed url="<https://codepen.io/pipui/pen/PoBWjmb>" %}
Полный пример кода выше
{% endembed %}