Use jquery to make div appear after a user scrolls

Question

I'd like to have a div appear after a user scrolls down on a page, and disappears if they scroll back to the top.

I thought using the .scroll() function in jquery would be useful, but couldn't quite figure out how to make this happen.

Any help would be appreciated. Thanks!

chprpipr · Accepted Answer · 2011-01-01 10:32:14Z

14

Something like this should do the trick:

$(window).scroll(function() {
    if ($(this).scrollTop() == 0) {
        $("#mydiv:visible").hide();
    }
    else {
        $("#mydiv:hidden").show();
    }
});

answered Jan 1, 2011 at 10:32

chprpipr

2,02916 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Use jquery to make div appear after a user scrolls

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related