Détecter le moment où la barre de défilement atteint le haut de la div?

Je suis en train d'animer un boxShadow sur l'événement scroll de mon #div conteneur. Tout fonctionne sauf que je ne peux pas trouver un bon moyen pour détecter la barre de défilement pour atteindre le haut de sorte que le boxShadows pouvez animer l'extérieur. C'est mon code jusqu'à présent

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

J'ai ajouté une démo. L'initiale de défilement animer fonctionne parfaitement, mais lorsque la barre revient au début de leurs est un assez long délai avant la deuxième animation des coups de pied dans. http://jsfiddle.net/JYqC3/14/

InformationsquelleAutor Wilfred | 2012-04-27
  1. 15

    Espère que cette aide

    Utilisé .scrollTop

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

    DÉMO

    EDIT: mieux d'animation à la démo

    • Merci pour votre réponse. C'est en gros ce que j'ai écrit, si je devais mettre une alerte dans mon instruction si il mettrait le feu à droite quand la barre atteint le sommet. Pour une raison quelconque il y a un long délai d'attente pour l'animation de coup de pied dans l'instruction if.
    • ici, j'ai édité le jsfiddle. Faites défiler vers le bas et voir l'ombre apparaissent immédiatement, mais lorsque vous faites défiler vers le haut, vous devez attendre 5 secondes avant de disparaître. J'utilise un plugin jquery qui est inclus dans le haut de la balise html jsfiddle.net/JYqC3/12
    • mis à jour ma version de démonstration, sa certainement pas la meilleure soln, je n'avais pas le temps, alors faites un correctif temporaire
    • merci beaucoup, mais si un utilisateur de défilement rapide alors qu'il ne l'attrape pas, mais vous le saviez sûrement déjà.
    • Savez-vous pourquoi l'une de ces implémentations ne fonctionne pas lorsque vous cliquez sur la barre et faites-la glisser pour faire défiler?
    • wow qui fonctionne parfaitement! Merci beaucoup! Si vous avez tout temps, pourriez-vous nous expliquer comment cela fonctionne? Je ne suis pas sûr de ce que la file d'attente de la fonction fait.
    • laissez-nous continuer cette discussion dans le chat
    • hé là, j'ai mis à jour ma réponse avec une meilleure solution, espérons que cela vous aide

    InformationsquelleAutor Dhiraj