Nieprzezroczystość Div na podstawie położenia paska przewijania

Znajdź przykład, jak wygasaćdiv kiedy pasek przewijania osiągnie określoną pozycjętutaj. Ale nie jest to płynne zanikanie przepustnicy. Oto kod z tego jsfiddle:

<code>var divs = $('.social, .title');
$(window).scroll(function(){
   if($(window).scrollTop()<10){
         divs.fadeIn("fast");
   } else {
         divs.fadeOut("fast");
   }
});​
</code>

Chcę, aby procent krycia odzwierciedlał pozycję paska przewijania. Na przykład, gdy pasek przewijania znajduje się w bardzo wysokiej pozycji, krycie div wynosi 100%. Kiedy przewijam w dół o 35px, chcę, aby krycie dywanu zanikało do 0%

Być może technika może być wtedy, gdy div A ma 35px od góry, div B = 100% nieprzezroczystości. Gdy div A wynosi 0px od góry, div B = 0% krycia. I niech płynnie zniknie na wszystkich etapach pomiędzy.

Dzięki!

AKTUALIZACJA: Dzięki za całą pomoc, którą większość z nich działa całkiem dobrze, ale naprawdę potrzebuję jej do pracy w zakresie 35px. Stworzyłem więc nowy przykład, który bardzo jasno określi, jak powinien działać.
http://jsfiddle.net/J8XaX/1/

UPDATE 2: urządzenia mobilne: wypróbowałem to na moim iPhonie i zanik nie działa płynnie. Sposób działania polega na tym, że jeśli przesuniesz się do połowy i zwolnisz palec, krycie się zmniejszy. Ale jeśli spróbujesz płynnie przewijać, przechodzi od 100% nieprzezroczystości bezpośrednio do krycia 0%. Zastanawiasz się, czy jest jakiś sposób, aby to naprawić?

Dzięki!!

questionAnswers(4)

yourAnswerToTheQuestion