Salve a tutti!
Quesito: ho un'immagine che resta fissa durante lo scroll della pagina.
Vorrei che quando arrivo ad una certa percentuale (o pixel) di scorrimento, ad esempio quando ho scrollato circa il 90% della pagina (o 600px), l'immagine scompaia, ovviamente se poi scrollo verso l'alto deve ricomparire.
Ho creato 'sta cosa, ma non funziona:
CSS
.fisso{width:240px;position:fixed;top:200px;left:75%}
HTML
<img src="foto.png" usemap="#Map" class="fisso" alt="">
JQUERY
<script>
$(function(){
$(window).scroll(function(){
var somma = $("#fisso").height() + 600;
if($(this).scrollBottom()>=somma){
$("#fisso").fadeIn("slow");
}else{
$("#fisso").hide();
}
});
});
</script>
Quesito: ho un'immagine che resta fissa durante lo scroll della pagina.
Vorrei che quando arrivo ad una certa percentuale (o pixel) di scorrimento, ad esempio quando ho scrollato circa il 90% della pagina (o 600px), l'immagine scompaia, ovviamente se poi scrollo verso l'alto deve ricomparire.
Ho creato 'sta cosa, ma non funziona:
CSS
.fisso{width:240px;position:fixed;top:200px;left:75%}
HTML
<img src="foto.png" usemap="#Map" class="fisso" alt="">
JQUERY
<script>
$(function(){
$(window).scroll(function(){
var somma = $("#fisso").height() + 600;
if($(this).scrollBottom()>=somma){
$("#fisso").fadeIn("slow");
}else{
$("#fisso").hide();
}
});
});
</script>