Закреп меню вверху экрана

css

.menu__list {

width: 100%;

transition: background-color 0.3s, position 0.3s;

}

.menu__list.fixed {

position: fixed;

top: 0;

left: 0;

background-color: #0196ac;

box-shadow: 0 2px 5px rgba(0, 0, 0, 0.0);

display: flex;

justify-content: center;

padding: 20px;

z-index: 1;

}

---------------

<script>

window.addEventListener('scroll', function() {

const menu__list = document.querySelector('.menu__list');

const menu__listOffset = menu__list.offsetTop;

if (window.pageYOffset > menu__listOffset) {

menu__list.classList.add('fixed');

} else {

menu__list.classList.remove('fixed');

}

});

</script>