Detectar div especifico al hacer scroll

[omar_gutierrez]

Saludos...

Tengo la siguiente tarea:

Necesito hacer que cuando un usuario haga scroll, y al momento en que aparesca en pantalla cierto div en especifico, aparesca un div fixed en l aparte superior de la pantalla...

Esto puedo lograrlo pero no de la forma que se requiere:

$(window).scroll(function () {
if ($(this).scrollTop() > 900 && $(this).scrollTop() < 1300){
$(".div-oculto-topfixed").show();
} else { $(".div-oculto-topfixed").hide(); }

});

Estoy especificando posiciones, pero lo que se requiere esque al momento de que en pantalla aparesca un div, el div oculto tambien lo haga

La altura del contenedor del texto suele variar, en ocasiones es muy corto, y en otras es demaciado alto, por esa razon no puedo dejarlo fijo

Tengo bastante codigoen el archivo como para ponerlo todo completo, esto seria un ejemplo:

Código HTML:

<div class="principal">
   <div class="div-oculto-topfixed"></div>
   <!-- en ocaciones aparecen elementos que hacen variar la altura (banners, div's temporales, etc -->
   <div class="menu"></div>
   <div class="contenido-texto">
      <!-- suele variar la altura de este DIV --> 
   </div>
   <div class="Te-puede-interear">
      <!-- al llegar a este div, se requiere mostrar con jquery un div oculto con posicion fija al top de la pagina -->
   </div>
</div> 

He pasado un buen rato buscando sin encontrar algo queme ayude almenos a empezar. Por lo pronto seguirebuscando

[Alexis88]

Obtén la posición del <div> utilizando el método offset y la propiedad top, le restas la altura de la ventana y si la cantidad de píxeles recorridos por la barra es mayor o igual a dicha resta, muestras el otro <div>.

Código Javascript:

$(window).on("scroll", function(){
    if ($(this).scrollTop() >= $(".Te-puede-interear").offset().top - $(this).height()){
        //Muestras al otro <div>
    }
    else{
        //Lo ocultas
    }
});
 

Saludos