Tal y como menciona un compañero, encontré esta solución en w3schools.com utilizando el valor sticky en la propiedad position.  https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_sticky_element
Aquí me he personalizado una solución:
https://github.com/salvacode/ui-web-elements/tree/master/sticky-menu

Buenas noches , gracias por compartir tus aportes Uriel. Lo haces muy bien.

Tengo una pregunta , estoy haciendo el efecto de menu sticky(Menu pegajoso como lo he visto por la web), pero no me funciona del todo bien.

Cuando hago scroll,  se produce el efecto , pero como tengo un slider parecido al que hiciste en el punto 3 y no solamente eso , tambien tengo otros elementos que se montan encima de mi menu sticky,es decir, mi header si hace el efecto , pero no queda por encima de los elementos cuando voy haciendo el scroll y dicho se queda por debajo de los demas elementos.

Sabes cual seria el problema?

Todo funciona bien, solamente que al bajar tengo elementos tales como imágenes y vídeos, por lo que el menú se posiciona detrás de estos. Ya le aplique a la clase pined un z-index pero no dio resultado, alguien tiene alguna idea?

No hay necesidad de Javascript.
Lo único que hay que hacer es agregar en la clase ".nav":

position: sticky;
top: -1px;

Aquí mi solución: https://codepen.io/juancafelizzola/pen/QYzOOg

Hola, Hice algo similar para una navegación, pero lo hice diferente.
Cual de las dos formas es la correcta o es lo mismo y que hay de diferencia entre los dos códigos. Gracias
$(function () { var $win = $(window);   var $pos = 560; $win.scroll(function () { console.log($win.scrollTop())  if ($win.scrollTop() >= $pos) $('.cabecera').addClass('active'); 
 else { $('.cabecera').removeClass('active'); } });});