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

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

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

Войти через центр авторизации
Похожие вопросы