JS/JQUERY - fadeIn oraz fadeOut w zależności od scrolla? Opcje

[malcolm]

Hej wszystkim,
mam pytanko:

JS/JQUERY - fadeIn oraz fadeOut na stronie w zależności od pozycji scrolla?

Już tłumaczę o co mi chodzi, np.
gdy scrollbar przeglądarki na stronie przesunę do dołu do 100px, po przekroczeniu tych 100px, pojawi mi efekt animacji: animate o 200px w prawo z efektem fadeIn,
po czym stop,
i "trwa" i nic się nie zmienia, aż przesunę scrollbar przeglądarki do 200px, wtedy gdy przesunę scrollbar dalej poza te 200px, ten sam obrazek podczepiony pod ten sam skrypt,
zmieni mi animację z powrotem na: animate -200px w lewo z efektem fadeOut.

Jak to zrobić w JQUERY lub ew. za pomocą CSS3?

Proszę o przykład takiego skryptu.

Z góry dzięki:-)

Ten post edytował malcolm 1.12.2012, 00:41:26

[malcolm]

znakazlem cos takiego:
http://johnpolacek.github.com/superscrollorama/
Taki efekt jak ten z tekstem Fly-It
z tym zeby po przesunieciu scrollbara nizej,
pojawial sie efekt (lopatalogicznie tlumaczac) -reverse.

function init() {
myHeight = $(window).height();
$(window).scroll().css('height', myHeight - 400);
$(section).scrollTop.css('min-height', Math.max(myHeight / 2 + 300, 800));
}

coś takiego wyczarowałem, ale nie działa...

pomóżcie...

...jak to zrobić?