Skip to content

Instantly share code, notes, and snippets.

@origamid
Last active December 27, 2015 16:19
Show Gist options
  • Save origamid/7354181 to your computer and use it in GitHub Desktop.
Save origamid/7354181 to your computer and use it in GitHub Desktop.
JS: Waypoint
$(document).ready(function() {
$('.main__ideal').waypoint(function() {
$('.main__ideal ul li').each(function(d){
$(this).delay(d * 150).fadeTo('slow', 1);
});
},
{
offset: '80%'
});
$('.produto__item').each(function(){
var produtoImg = $(this).find('.produto__item__img'),
produtoH3 = $(this).find('.produto__item__info h3'),
produtoP = $(this).find('.produto__item__info p');
$(this).waypoint(function() {
setTimeout(function () {
produtoImg.addClass('animated fadeInLeft'); }, 250);
setTimeout(function () {
produtoH3.addClass('animated fadeInRight'); }, 750);
setTimeout(function () {
produtoP.addClass('animated fadeInRight'); }, 1250);
},
{
offset: '80%'
});
});
$('.clientes').waypoint(function() {
$('.clientes li').each(function(i){
var li = $(this);
setTimeout(function () {
li.addClass('animated flipInX');
}, i*150);
});
},
{
offset: '80%'
});
$('.preco__item').each(function(){
var preco1 = $('.feito-a-mao'),
preco2 = $('.triado-a-mao');
$(this).waypoint(function() {
setTimeout(function () {
preco1.addClass('animated fadeInLeft'); }, 250);
setTimeout(function () {
preco2.addClass('animated fadeInRight'); }, 250);
},
{
offset: '80%'
});
});
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment