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) {
    } else {

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


  if(jQuery(document).scrollTop() > 200){
  } else {
Without cookies
This website does not use cookies or tracking. More information can be found in the privacy policy.