animate.css and waypoints.js for animate content as the user scrolls

init.js

$('.fade-in-up').addClass('hidden').waypoint({
	handler: function() {
	    $(this.element).addClass("visible animated fadeInUp")
	},
	offset: '90%'
});

markup.html

<div class="container fade-in-up"></div>

styles.css

.hidden {
  opacity: 0;
}

.visible {
  opacity: 1;
}