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!!