Каким образом можно реализовать появление скрытого меню при скролле до нужного элемента, с помощью CSS?

Question

[kragrafh]

Ни разу не сведущ в данной теме в целом. Поэтому изучив вопрос сам пришел к выводу что в моем варианте это скорее всего возможно путем игры с opacity в CSS.
Если к сути, сайт пример
при скроле на шапке появляется меню, иными словами создать его я могу, спрятать под слоем в шапке, но как организовать "столкновение" прилипающей шапки на нужный элемент , что бы щелкнул триггер (opacity как я понял в моем случае) и оно появилось? Может есть еще путь?

Answer 1

[Максим]

событие javascript называется scroll , искать в поисковике по тегам "scroll menu" "sticky scroll menu"
вот один из способов его реализации : Stupidly simple sticky-on-scroll menu

************
если делать на css то это называется position:sticky

************
в вашем примере меню реализовано на js

Comments

[Camaro67]

Дополню. Делайте на JS, у position:sticky очень плохая поддержка браузерами.

[Максим]

Camaro67, да конечно... я не спорю ... я именно так и написал что на том сайте реализовано на js