Buenas, creo que estas buscando algo como esto? Este trozo de código es de un menu horitzontal que cuando haces scroll hacia abajo, se adhiere arriba de la página.

(jQuery)

var altura = $('.menu').offset().top;
    $(window).on('scroll', function(){
        if ( $(window).scrollTop() > altura ){
            $('.menu').addClass('menu-fixed');
        } else {
            $('.menu').removeClass('menu-fixed');
        }
    });
 

La idea es la siguiente:

var altura = $(".menu").offset().top

la variable altura, obtiene la altura de posición donde esta el menú

 $(window).on('scroll', function(){

Después de obtener la altura del objeto (del menu), vamos a hacer eventListener del scroll, en jquery es con la funcion on().

        if ( $(window).scrollTop() > altura ){
            $('.menu').addClass('menu-fixed');
        } else {
            $('.menu').removeClass('menu-fixed');
        }
 

dentro del listener, vamos a hacer una condicional, que, cuando la altura del scroll ($(window).scrollTop()) sea mayor a la altura del menú. Este me añada la clase menu-fixed a la etiqueta con la clase .menu. Por lo contrario me va a eliminar la clase menu-fixed.

Si el scrollTop() es mayor que la altura del menu eso significa que estoy haciendo scroll hacia abajo, así que aplica la clase.

Aquí estoy usando Jquery http://g-t-e.260mb.net/plugins/jquery-lastest.js

.menu-fixed {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 1000%;
    box-shadow: 0px 4px 3px rgba(0,0,0,.5);
}
 

Espero haberte ayudado. Suerte