Show hidden items as they appear in viewport

show-on-scroll.js

var windowBottom = $(window).scrollTop() + $(window).height();
  
$(window).scroll(function () {
	$('.hideme').each(function (i) {
		var $this = $(this),
			objectBottom = $(this).position().top + $(this).outerHeight();

		if (windowBottom > objectBottom) {
			$(this).animate({'opacity': '1'}, 500);
		}
	});
});