Encuentra un ejemplo de cómo desvanecer undiv cuando la barra de desplazamiento alcanza una cierta posiciónaquí. Pero no es un desvanecimiento tipo acelerador suave. Aquí está el código de ese jsfiddle:

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

Quiero que el porcentaje de opacidad refleje la posición de la barra de desplazamiento. Por ejemplo, cuando la barra de desplazamiento está en la posición más alta, la opacidad div es del 100%. Cuando me desplazo hacia abajo 35px quiero que la opacidad del div se desvanezca hasta el 0%

Quizás una técnica podría ser cuando div A está a 35px desde arriba, div B = 100% de opacidad. Cuando div A es 0px desde arriba, div B = 0% de opacidad. Y que se desvanezca suavemente en todas las etapas intermedias.

¡Gracias!

ACTUALIZACIÓN: Gracias por toda la ayuda que la mayoría funciona bastante bien, pero realmente la necesito para trabajar dentro del rango de 35px. Así que he creado un nuevo ejemplo que dejará muy claro cómo debería funcionar.
http://jsfiddle.net/J8XaX/1/

ACTUALIZACIÓN 2: dispositivos móviles: probé esto en mi iPhone y el fundido no funciona correctamente. La forma en que funciona es que si se desliza hasta la mitad y suelta el dedo, la opacidad disminuye. Pero si intentas desplazarte suavemente, pasa del 100% de opacidad directamente al 0% de opacidad. ¿Se pregunta si hay alguna manera de solucionar esto?

¡¡Gracias!!