Для создания "липкого" меню на сайте можно использовать следующий скрипт:
$(document).ready(function() {
// задаем переменную, которая будет отображать состояние скролла
var stickyNavTop = $('nav').offset().top;
// при прокрутке страницы выполняем следующие действия
$(window).scroll(function() {
// задаем переменную, которая будет отображать текущее положение скролла
var scrollTop = $(window).scrollTop();
// если текущее положение скролла больше или равно начальному положению меню,
// добавляем класс, который делает меню "липким"
if (scrollTop >= stickyNavTop) {
$('nav').addClass('sticky');
} else {
$('nav').removeClass('sticky');
}
});
});
Данный скрипт использует библиотеку jQuery. Он отслеживает положение скролла на странице и добавляет класс "sticky" к элементу <nav>, когда положение скролла достигает начального положения меню. Этот класс задает позиционирование "fixed" и другие стили, которые делают меню "липким".