Question

171

Detect when scrollbar reaches top of div?

rated 0 times [ 172] [ 1] / answers: 1 / hits: 28747 / 12 Years ago, fri, april 27, 2012, 12:00:00

I'm trying to animate a boxShadow on the scroll event of my #container div. Everything works except I can't figure out a good way to detect the scrollbar reaching the top so that the boxShadows can animate out. This is my code so far

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

            }

        }

    );

I've added a demo. The initial on scroll animate works perfectly, but when the bar returns to top their is a rather long delay before the second animation kicks in. http://jsfiddle.net/JYqC3/14/

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

emiliano

Add To Favorites

Follow

Total Points: 381

Total Questions: 109

Total Answers: 93

Location: Jersey

Member since Fri, Oct 1, 2021

3 Years ago

emiliano questions

1 Jest: Share Variables Between Test Files

Tue, Sep 1, 20, 00:00, 4 Years ago

1 Promise.all not working with an array of async functions

Sun, Jul 26, 20, 00:00, 4 Years ago

1 Discord.js: Fetch message from ALL channels

Fri, Jun 12, 20, 00:00, 4 Years ago

1 How to spoof a closed google form (...no longer accepting responses)? I want to submit a form after deadline

Thu, Jun 4, 20, 00:00, 4 Years ago

1 concurrently command not found but installed gloabally

Sat, Apr 25, 20, 00:00, 4 Years ago

View All

answered 12 Years ago asalewisc · Accepted Answer

Hope this helps

Used .scrollTop

$('#my_div').scroll(function() {

    var pos = $('#my_div').scrollTop();

    if (pos == 0) {

        alert('top of the div');

    }

});

DEMO

EDIT: better animation added to demo