Como fazer para o menu ficar fixo quando rolar para baixo

<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.

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