Dovrei fare lo stesso tipo di animazione di http://www.studiomartelli.it/, ossia quando scrollo il browser verso il basso il box di sotto scorre verso l'alto, quando scorro il browser verso l'alto il box ritorna in basso. Vedere http://www.studiomartelli.it/ per capire di cosa sto parlando.
Io sto usando JQuery, ma va bene anche una soluzione senza JQuery.
Io ho provato a catturare l'evento scroll:
codice:
var scrolling=false;
$(document).ready(function(){
var $win = $(window);
sc=$win.scrollTop();
var kelem=$( "#kk");
orig=kelem.position().top;//posizione originaria del box da spostare
$win.scroll(function() {
scTop=$win.scrollTop();
var diff=scTop-sc;//se la differenza è positiva dovrebbe significare
//che il browser è stato scrollato verso l'alto, altrimenti verso il basso
sc=scTop;
if ( diff>0 )
{
if(!scrolling || (kelem.position().top > orig))
{kelem.animate({top:'-=200px'},100);scrolling=true;}
}
else if(diff<0)
{
if(scrolling && kelem.position().top < orig) kelem.animate({top:'+=200px'},100);
else if((kelem.position().top >= orig) && scrolling)scrolling=false;
}
});
});
</script>
Che cosa sbaglio?