I am trying to make a div appear when i scroll down a certian amont ?

Question

just trying to make a div appear when I scroll down with some js and html, doesnt seem to be working and im not sure why ?

$(document).scroll(function() {
  var y = $(this).scrollTop();
  if (y > 200) {
    $('.aboutfilmandcrew').fadeIn();
  } else {
    $('.aboutfilmandcrew').fadeOut();
  }
});



#aboutfilmandcrew {
    width: 100%;
    float: left;
}

Answer 1

You should try with window instead of document :

$(window).on('scroll', function() { ... });

The rest of your code looks correct, but in the javascript you're selecting the div with the class filmandcrew, while your css is styling the div with the id filmandcrew.