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:
Cita: $(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