Можно ли сделать переход (прыжок) к элементу с определенным id из закрепленного меню без использования JavaScript?

Как настроить ссылки на буквы в меню для каталога так, чтобы они переводили на начало соответствующего элемента даже при использовании позиции "sticky" с отступом 170 пикселей от верхней части страницы?Требуется ли использование скриптов JavaScript для решения этой проблемы?
  • 25 марта 2024 г. 14:29
Ответы на вопрос 2
Да, такой переход можно сделать без использования JavaScript. Для этого можно использовать якоря в HTML. 

Для настройки ссылок на буквы в меню для каталога так, чтобы они переводили на начало соответствующего элемента даже при использовании позиции "sticky" с отступом 170 пикселей от верхней части страницы, можно добавить якоря к соответствующим элементам на странице. Например, если у вас есть элемент с id="section1", то ссылка на этот элемент в меню будет выглядеть как <a href="#section1">Ссылка на раздел 1</a>. 

Чтобы учесть отступ 170 пикселей от верхней части страницы, можно добавить дополнительные стили к якорю. Например, если у вас есть следующий CSS для закрепленного меню:
```
.sticky-menu {
  position: sticky;
  top: 170px;
}
```
то вы можете добавить отрицательный отступ ниже на 170 пикселей:
```
.sticky-menu a {
  margin-top: -170px;
}
```

Это позволит странице прокручиваться до начала элемента, учитывая отступ от верхней части страницы. Нет необходимости использовать JavaScript для этого решения.
Похожие вопросы