Как сделать плавающие меню если оно не в самом верху?

Question

[urajo]

Есть такая минюшка, как ее при прокрутке приклеить к верху что бы она была к самому верху экрана прилеплена при начале прокрутке.
Просто прописать fixed не вариант, она не в самом верху стоит, нужно что бы именно во время прокрутки, в тот момент когда браузер доходит до нее - она становилась fixed

Answer 1

[Илья]

Через fixed это и делается, только через js. Прогугли скрипты "кнопка наверх для сайта".

Что то вроде того

$(function() {
 
$(window).scroll(function() {
 
if($(this).scrollTop() != 0) {
$('#menu').attr('class', 'fixed_menu');
} 
} 
}

В коде могут быть опечатки, набираю с телефона)

Тут через JQ правда написал. На нативном чуть длиннее.

Answer 2

[Денис Васильев]

Используйте

position: sticky;
top:  0;

https://codepen.io/corvus-007/pen/yrZogo?editors=1100