Задать вопрос

Переход по якорю перекрывает sticky элемент?

Здравствуйте. А не подскажите, у меня есть элемент якорь, но есть и менюшка sticky и вот когда идет переход к этому якорю эта менюшка не неучитывается и частично перекрывает элемент якорь.
Тоже самое и при стандартной валидации формы, когда скорилится к невалидному элементу, то не учитывается менюшка. Можно как-то это пофиксить?



<main>
 <nav class="menu">
  <a href="#bottom">Bottom</a>
 </nav>
...
  <div id="bottom"><b>BOTTOM</b></div>
...
</main>


main {
 max-width: 300px;
}

.menu {
  background-color: #eee;
  position: sticky;
  top: 0;
}

#bottom {
 background-color: red;
 padding: 16px;
}


60f82ff2cad07777034906.jpeg

Спасибо.
  • Вопрос задан
  • 241 просмотр
Подписаться 1 Сложный Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
Aetae
@Aetae
Тлен
Если юзается стандартный переход - только всякими хаками, типа увеличения элемента вверх на размер fixed плашки, визуально оставляя его как есть.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
FoodSoul Калининград
от 180 000 до 250 000 ₽
Data Directs Тель-Авив
от 350 000 ₽