Определить, когда полоса прокрутки достигает вершины div?

Я пытаюсь анимировать boxShadow в событии прокрутки моего контейнера #.Все работает, за исключением того, что я не могу найти хороший способ обнаружить полосу прокрутки, достигающую вершины, чтобы boxShadows мог анимироваться. Это мой код на данный момент

   $('#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");
            }
        }
    );

Я добавил демо. Начальная анимация при прокрутке работает отлично, но когда полоса возвращается наверх, возникает довольно большая задержка перед тем, как запустится вторая анимация.http://jsfiddle.net/JYqC3/14/