¿Detecta cuando la barra de desplazamiento alcanza la parte superior de div?

Question

Estoy tratando de animar un boxShadow en el evento scroll de mi #container div. Todo funciona, excepto que no puedo encontrar una buena manera de detectar la barra de desplazamiento que llega a la parte superior para que las sombras de caja puedan animarse. Este es mi código hasta ahora

$('#container').scroll(
     function() 
     { 
      $('#white').animate(
      { 
       boxShadow: "0 8px 8px -7px #696868" 
      }, 
      "fast"); 
      if ($('#container').scrollTop() == 0) 
      { 
       $('#white').animate(
       { 
        boxShadow: "0 0 0 0 #696868" 
       }, 
       "fast"); 
      } 
     } 
    ); 

He añadido una demostración. El inicial sobre animados de desplazamiento funciona perfectamente, pero cuando la barra vuelve al principio de su es una bastante larga demora antes de que el segundo patadas animación en. http://jsfiddle.net/JYqC3/14/

Answer 1

Esperanza esto ayuda

Usado .scrollTop

$('#my_div').scroll(function() { 
    var pos = $('#my_div').scrollTop(); 
    if (pos == 0) { 
     alert('top of the div'); 
    } 
}); 

DEMO

EDIT: mejor animación agregada a la demo