Question

How do I get an element to fadeIn when you have scrolled X amount of pixels? Is it something along the lines of?

if ($(this).scrollTop() > 740) { 
        $("#myelement").fadeIn(1000);
}); 

Ideally it would fade in only when the scroll bar is between 740px and 1481px. Otherwise it fades out.

Answer 1

You need to use the scroll event:

var $myelement = $("myelement"); // cache jQuery object

$(window).scroll(function() {
   if($(this).scrollTop() > 740 && $myelement.is(":hidden")) {
       $myelement.fadeIn();
    }else if ($(this).scrollTop() < 740 && !$myelement.is(":hidden")) {
        $myelement.fadeOut();
    }
});