Necesito poder utilizar la aparición como referencia para el siguiente código de tal forma que si un div aparece a los 1000px de scroll desaparezca 500px después, deben ser independientes una acción de la otra para poder hacer distintas combinaciones. Gracias.
$(window).scroll(function() {
if ($(window).scrollTop() > 1000 ) {
$(".topmenu").fadeIn(); // > 100px from top - show div
}
else {
$(".topmenu").fadeOut(); // <= 100px from top - hide div
}
});
$(window).scroll(function() {
if ($(this).scrollTop() > 2000) { //use `this`, not `document`
$('.height600').css({
'display': 'none'
});
}
});
.youdiclass{position:fixed; display:none;width:100px; height:100px; background:red;}
#back{width:300px; height:500px;background:blue; margin:auto;}
.height600{}
.topmenu{
display: none;
position: fixed;
top: 0;
width: 100%;
height: 30px;
background: rgba(255,246,0,1.00);
z-index: 1;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<div class=" topmenu height600">
</div>
<div id="back">
</div>
<div id="back" style="background:green";>
</div>
<div id="back">
</div>
<div id="back" style="background:green";>
</div>
<div id="back">
</div>
<div id="back" style="background:green";>
</div>
<div id="back">
</div>
<div id="back" style="background:green";>
</div>
<div id="back">
</div>
<div id="back" style="background:green";>
</div>
<div id="back">
</div>
<div id="back" style="background:green";>
</div>
id
deben ser únicos. Te recomiendo que en lugar de usarid="back"
usesclass="back"
o similar y en tus estilos.back
en lugar de#back
. Lee developer.mozilla.org/en-US/docs/Web/API/Element/idid
para identificar yclass
para classificar tus elementos. ;)