How can I make a div element visible only after scrolling the page?

There can be web page elements (buttons, popups) that should appear only after some scrolling on the desired page.

Solution: The following script provides exactly this effect. This should be integrated in the header.

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

The value 900 serves here as distance. So the element becomes visible when you have scrolled down at least 900 pixels.

Alternative:

jQuery(window).scroll(function(){
  if(jQuery(document).scrollTop() > 200){
    jQuery('.mehr-pfeil').hide();
  } else {
    jQuery('.mehr-pfeil').show();  
  }
});