Как сделать прилипание одного (или нескольких) меню к верху экрана при прокрутке с jquery ui position?

Question

[Радость моя]

В идеале как на ютубе сделано, при покрутке появляющиеся ниже меню так же становяться частью верхнего. Скиньте ссылочку на урок или пример, а то найти не могу.

Спасибо.

Answer 1

[Rodion Svetlitskiy]

Примерно таким образом:

$(window).scroll(function(){
    var windowScroll = $(window).scrollTop();

	if(windowScroll > $(window).height() - 150 // - высота меню) {
		$(".menu").addClass("topMenu");
	} else {
		$("menu").removeClass("topMenu");
	}
    
});

ну и css:

.topMenu{
    position: fixed;
    top: 0;
}