
Что такое якорные ссылки и для чего они нужны?
Якорные ссылки помогут направить посетителей в нужный раздел сайта.
Когда посетитель сайта нажимает на элемент, к которому добавлена ссылка на якорь, он автоматически переносится в ту часть страницы, где был добавлен якорь.
Как создать якорную ссылку?
Задаем ссылке через хэштег ссылку такого вида
Затем, необходимо разделу или блоку до которого надо прокрутить добавляем
Как настроить плавную анимацию на JS читайте в полной статье.
Якорные ссылки помогут направить посетителей в нужный раздел сайта.
Когда посетитель сайта нажимает на элемент, к которому добавлена ссылка на якорь, он автоматически переносится в ту часть страницы, где был добавлен якорь.
Как создать якорную ссылку?
Задаем ссылке через хэштег ссылку такого вида
<ul class="link_box">
<li><a href="#link">Ссылка</a></li>
<li><a href="#link2">Ссылка</a></li>
<li><a href="#link3">Ссылка</a></li>
<li><a href="#link4">Ссылка</a></li>
</ul>
Затем, необходимо разделу или блоку до которого надо прокрутить добавляем
id
с таким же именем, как href
у ссылки, только уже без хэштега. Каждый id должен соответствовать своей ссылке<div id="link">Раздел</div>
<div id="link2">Раздел</div>
<div id="link3">Раздел</div>
<div id="link4">Раздел</div>
Как настроить плавную анимацию на JS читайте в полной статье.