Переход по якорю перекрывает 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

Спасибо.
  • Вопрос задан
  • 173 просмотра
Пригласить эксперта
Ответы на вопрос 1
Aetae
@Aetae
Тлен
Если юзается стандартный переход - только всякими хаками, типа увеличения элемента вверх на размер fixed плашки, визуально оставляя его как есть.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
26 апр. 2024, в 07:20
2000 руб./за проект
26 апр. 2024, в 06:46
1000 руб./в час
26 апр. 2024, в 05:31
1000 руб./за проект