Тема избитая но не раскрытая, как изменить поведение при скроле?

Question

[Максим]

Часто встречаю при скроле когда фиксируемое меню перекрывает блок и из за этого скрывается само содержимое блока , так же preventDefault(); который отключает стандартное поведение ссылки так же отключает событие :targetдля div
Сам вопрос : как это всё объединить таким образом что бы работал для div:target и так же был e.preventDefault();
как для menu выполнить условие else которое не выполняется и с ним не выполняется :target (увидите доп элемент в #top)
и последнее каким образом сделать скролл так что бы смещение было до самого меню ?

сам пример здесь : https://codepen.io/MaximLensky/pen/dZvgdM?editors=1010

Answer 1

[Даниил Попов]

Это вы position: sticky изобретаете?
Как сделать? Наверное, спецификацию почитать
https://developer.mozilla.org/ru/docs/Web/CSS/position