Target a: target :: before на гибком элементе не работает
В нескольких дизайнах у меня есть панель навигации position:fixed.
Проблема возникает, когда я нажимаю якорь на странице. Страница прокручивается до элемента :target (ed).
Из-за фиксированной навигационной панели цель частично скрыта (Link1 в коде)
В качестве обходного пути я использую :target::before, который ставлю выше :target. В результате, когда я нажимаю на привязку, страница прокручивается до :target::before: цель: немного сдвигается вниз и не закрывается навигационной панелью. (ссылка2 в коде).
Это работает хорошо ... за исключением случаев, когда закрепленный элемент является гибким (с display: flex).
Независимо от того, что я пытаюсь, когда я нажимаю на привязку, страница прокручивается до флексбокса, а не до ::before.
Я могу предотвратить это?
Ответы 1
Что ж, после долгих испытаний я использовал это на родительской коробке. У родительского блока должен быть #id, чтобы фактическое поле было помещено под панель навигации:
padding-top: 100px;
margin-top: -100px;
Это не идеально, но работает.