HTML - Barra de navegación web dinámica

<ul id="menu">

  <li><a href="#">Portada</a></li>

  <!-- y todo tu menú -->

</ul>

function scrollMenu(event) {

  var y = window.scrollY;

  var menu = document.getElementById('menu');

  if (typeof menu.originalY == "undefined") {

    menu.originalY = menu.offsetTop

  }

  if (y > menu.originalY) {

    menu.style.top = '0px';

    menu.style.position = 'fixed'

  } else {

    menu.style.top = '';

    menu.style.position = 'relative'

  }

}

window.onscroll = scrollMenu;