Como fazer para o menu ficar fixo quando rolar para baixo

[Sapinn 0]

Quero que quando o usuario chegue em uma parte do menu site ele o menu fique fixo no topo da pagina. Como fazer isso???

[Omar~ 87]

<style>
    #menu {
        width: 100vw;
        height: 50px;
        background-color: black;
        position: relative
    }

    #menu.sroll {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
        background-color: red
    }
</style>

<div id="menu"></div>

<script>
    var menu = document.getElementById('menu');
    document.addEventListener('scroll', exemplo, false);

    function exemplo(e) {
        if (window.pageYOffset > 100) { // scroll acima de 100 pixel's
            menu.classList.add('sroll');
        } else {
            menu.classList.remove('sroll');
        }
    }
</script>

Ou você pode simplesmente definir que o menu é fixed no CSS que ele irá acompanhar o scroll do documento.

[Sapinn 0]

Vlw cara. Agr sim vou só fazer uns ajustes no css mas já ta dando certo