{"action":"opened","issue":{"url":"https://api.github.com/repos/imakewebthings/waypoints/issues/588","repository_url":"https://api.github.com/repos/imakewebthings/waypoints","labels_url":"https://api.github.com/repos/imakewebthings/waypoints/issues/588/labels{/name}","comments_url":"https://api.github.com/repos/imakewebthings/waypoints/issues/588/comments","events_url":"https://api.github.com/repos/imakewebthings/waypoints/issues/588/events","html_url":"https://github.com/imakewebthings/waypoints/issues/588","id":298019951,"number":588,"title":"Sequential animation by adding classes with delay","user":{"login":"JQOz","id":19261428,"avatar_url":"https://avatars2.githubusercontent.com/u/19261428?v=4","gravatar_id":"","url":"https://api.github.com/users/JQOz","html_url":"https://github.com/JQOz","followers_url":"https://api.github.com/users/JQOz/followers","following_url":"https://api.github.com/users/JQOz/following{/other_user}","gists_url":"https://api.github.com/users/JQOz/gists{/gist_id}","starred_url":"https://api.github.com/users/JQOz/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/JQOz/subscriptions","organizations_url":"https://api.github.com/users/JQOz/orgs","repos_url":"https://api.github.com/users/JQOz/repos","events_url":"https://api.github.com/users/JQOz/events{/privacy}","received_events_url":"https://api.github.com/users/JQOz/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-02-17T17:10:57Z","updated_at":"2018-02-17T17:10:57Z","closed_at":null,"author_association":"NONE","body":"Hi,\r\n\r\nI try to to make sequential animation by adding classes with delay. Below you can see my code but it works well only for the first visible elements.  As I wait after first load and scroll down, all the other elements are waiting too long to appear.\r\n\r\nHas someone a solution?\r\nRegards\r\nJ\r\n\r\n```\r\n$('.animate-it').each(function(i) {\r\n    var $ell = $(this);\r\n    var waypoint = new Waypoint({\r\n        element: $ell,\r\n        handler: function(direction) {\r\n           function gooo(direction) {\r\n                $ell.addClass('visible animated fadeInUp');\r\n                 };\r\n        waypoint.destroy();     \r\n        setTimeout( gooo, 300*i );\r\n         },\r\n        offset: '90%'\r\n    });\r\n}); \r\n```"}}
{"actor":{"display_login":"JQOz"}}