I have built a horizontal animation with two waypoints. Each waypoint should be triggered after passing and not played again. But the first waypoint is loaded again when I scroll back. Only when the last waypoint is played, they are not loaded again.
Another problem is, when I click on the link (‘please click here’) and jump to the next scene, from there back again (click on arrow) the first waypoint is loaded again.
It would be nice if the waypoints would be replayed when jumping back to the first scene without being visible before.
Hi, just copied over from the documentation:
var yourWaypointInstance = new Waypoint({
element: document.getElementById('yourId'),
handler: function(direction) {
//do something
//then destroy:
yourWaypointInstance.destroy()
},
offset: 'bottom-in-view' //options
})