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

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

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

Похожие вопросы