如何使div在滚动时出现和消失

Question

I'm currently trying to get a div container to slide in from one side once the user has scrolled down a certain amount of px and disappear after the user has scrolled down another set amount of px.

This page has what I want to do - http://2014.igem.org/Team:CU-Boulder

If anyone can help me, I'd really appreciate it.

Answer 1

To get user's scroll data you can use scrollTop() jQuery method.

Description: Get the current vertical position of the scroll bar for the first element in the set of matched elements or set the vertical position of the scroll bar for every matched element.

For example:

$(window).scroll(function() {
    var currentHeight = $(window).scrollTop();

    if (currentHeight > 200) {
        // some action
    }
    if (currentHeight > 300) {
        // another action
    }
});

You might be interested looking at this WOW plugin , or at this scrollrevealjs .