pequeño problema con mostrar barra al hacer scroll :c

[kukiko11]

Estoy intentando hacer que se muestre una barra social vertical despues de que el scroll sobrepase cierto elemento de mi pagina, en este caso un div... pero por algun motivo no me funciona este sencillo script y la verdad no le hallo el fallo, me vendria bien si logran echarme una mano x.x ... y lo hago de esta forma porque no se como indicar que se muestre cuando el scroll esta a tantos pixeles del tope de pagina por ejemplo pero si algun voluntarioso me indica como se harìa de esa forma seria perfecto jaja, saludos y gracias de antemano. aca el codigo:




showbar.js :

// EVENTO CUANDO SE MUEVE EL SCROLL
var change= false;
$(window).scroll(function(){
window_y = $(window).scrollTop(); // VALOR QUE SE HA MOVIDO DEL SCROLL
scroll_critical = parseInt($("#contenido").height()); // id del DIV
if (window_y > scroll_critical) { // SI EL SCROLL HA SUPERADO EL ALTO DEL DIV

$('.social').show(); //la barra se muestra
} else {

$('.social').hide(); //la barra se oculta

}
});