Menu que siempre está a la vista

[dontexplain]

Es una combinación de elementos js y css

con js se calcula la posición del scroll y la posición del menú

Si se hace scroll, cuando la posición del scroll (Top) sea igual o superior a la posición del menú el menú deja de ser estático (position:static) y pasa a ser fijo (position:fixed). Las "coordenadas" de la posición fija serán equivalentes a las de la posición estática (top:xx,left/right:xx).

Reiteradamente se comprueba la posición del scroll al suceder el evento scroll y cuando sea inferior a la posición estática original el menú deja de ser fijo y vuelve a ser estático sin necesidad de especificar ninguna coordenada ya que al ser estático se renderiza automáticamente la posición.

Un saludo.