Pequeño problema al Mostrar div en un rango determinado del scroll con js?

[kukiko11]

intento mostrar la barra para compartir los post de mi blog siempre y cuando el scroll se mantenga entre el contenido de lpost y los comentarios (osea que al verse el contenido en pantalla se muestre el div y al verse los comentarios se oculte) pero no me esta funcionando del todo bien el codigo que implemento... alguna idea para hacerlo correr bien? o si tienen otra forma de hacerlo ps bienvenida sea, me vendria bien la ayuda

aca esta mi codigo:

$(window).scroll(function(){
window_y = $(window).scrollTop(); // VALOR QUE SE HA MOVIDO DEL SCROLL
supero_contenido = parseInt($("#contenido").height()); // VALOR DEl primer div
supero_comentarios = parseInt($("#comentario").height()); // VALOR DEl segundo div

if (window_y > supero_contenido && window_y < supero_comentarios ) { // SI EL SCROLL se mantiene en el rango de ambo
$('.social').show('slow'); //muestro mediante subclase

} else { //de lo contrario...
$('.social').hide('slow'); //oculto mediante subclase

}
});