Div a comparsa dopo scroll pagina

[jerry47]

Ciao a tutti, mi serve una mano per realizzare un piccolo div che inizialmente non deve essere presente e poi dopo che l'utente fa un po di scroll compare lateralmente. Metto un link di una pagina dove è presente una cosa simile cosi è piu facile da capire:

http://easyfields.com/about in questa pagina facendo un po di scroll in basso si vedrà che in alto a sinistra comparirà un div che contiene dei link.

il problema mio è intercettare l'evento di scroll ma non subito all'inizio pagina ma appunto dopo che si scende un po.
Ovviamente l'effetto è anche contrario, risalendo quel div scompare di nuovo.

Spero possiate aiutarmi.....grazie

[Samuele.Darenzo]

Sarei interessato anche io a questo script.. non riesco proprio a reperirlo da nessuna parte..

[Mattia Vio]

dico senza guardare il codice perchè son un po' assonnato ..
secondo me in quella pagina guarda la posizione del div class="top shadow round-borders-all"
e nel momento in cui la pagina supera con lo scroll quella posizione la fa comparire il div a sinistra .. non mi sembra complicatissimo ! c ho azzeccato ?

[cavicchiandrea]

E prendere spunto dal sito, verificando il sorgente (html) pagina

[Mattia Vio]

<script>
$(document).ready(function() {
$('#header').css('height', '40px');

$(function() {

//var marginLeft = $('#slider').css('marginLeft');
var marginLeft = '-452'

$('#slider').hover(function(){
$(this).stop().animate({'marginLeft': '0px'}, 1000);
}, function() {
$(this).stop().animate({'marginLeft': marginLeft}, 1000);
});
})

$('#slider > *, #faces > div > div').click(function() {
var obj = $('#bios > div:eq(' + $(this).attr('data-index') + ')');
var top = 0;

if( obj.length ) {
var top = obj.offset().top;
} else {
$('#slider').mouseleave();
}

$('html,body').animate({ 'scrollTop' : top}, 700);

});

$(window).scroll(function() {
if( $(window).scrollTop() > 460 ) {
$('#slider').stop().animate({'marginLeft' : '-452'}, 150);
} else {
$('#slider').stop().animate({'marginLeft' : '-502'}, 150);
}
});

});
</script>