Fade In Elements on Scroll

1. In den Ordner .js folgende javascript datei einfügen
2. Das .js in der functions.php aufrufen
3. die css classe in die styles.css

$(document).ready(function() {

  /* Every time the window is scrolled ... */
  $(window).scroll(function() {

    /* Check the location of each desired element */
    $('.hideme').each(function(i) {

      var bottom_of_object = $(this).offset().top + $(this).outerHeight();
      var bottom_of_window = $(window).scrollTop() + $(window).height();

      /* If the object is completely visible in the window, fade it it */
      if (bottom_of_window > bottom_of_object) {

        $(this).animate({
          'opacity': '1'
        }, 500);

      }

    });

  });

});

wp_enqueue_script( 'eq-dy-fader', get_template_directory_uri() . '/js/fader.js', array(), _S_VERSION, true );

.hideme
{
    opacity:0.3;
}