Wesley Ramalho wesleyramalho

I do some code, play some music, listen and share to opinions around (not necessarily in this order)

wesleyramalho / gist:8446575cac2006dd42f02d570ad282da

Created September 27, 2016 18:52

script.js

	<script>
	$(window).on("load",function() {
	$(window).scroll(function() {
	$(".fade").each(function() {
	/* Check the location of each desired element */
	var objectBottom = $(this).offset().top + $(this).outerHeight();
	var windowBottom = $(window).scrollTop() + $(window).innerHeight();

	/* If the element is completely within bounds of the window, fade it in */
	if (objectBottom < windowBottom) { //object comes into view (scrolling down)

wesleyramalho / index.html

Created September 27, 2016 18:52

	<html>

	<head>
	<link rel="stylesheet" type="text/css" href="estilo.css">
	<link rel="javascript" type="text/javascript" href="script.js">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	</head>

	<body>
	<div>

wesleyramalho / estilo.css

Created September 27, 2016 18:51

	.fade {
	margin: 50px;
	padding: 50px;
	background-color: lightgreen;
	opacity: 1;
	}