https://designlightco.com/_assets/js/fade-on-scroll.js

1$(document).ready(function() {
2    
3    /* Every time the window is scrolled ... */
4    $(window).scroll( function(){
5    
6        /* Check the location of each desired element */
7        $('.hideme').each( function(){
8            
9            var bottom_of_object = $(this).offset().top + $(this).outerHeight();
10            var bottom_of_window = $(window).scrollTop() + $(window).height();
11            
12            /* If the object is completely visible in the window, fade it it */
13            if( bottom_of_window > bottom_of_object ){
14                
15                $(this).animate({'opacity':'1'},500);
16                    
17            }
18            
19        }); 
20    
21    });
22    
23});