CODEWITHSUNDEEP
javascriptjqueryfullpage.jsjquery-waypoints
user8579791
user8579791

Reputation:

waypoint.js not working in second section

In my code i want on each section i scroll the elements will visible but which is not happening. In first section it is working perfectly but not in second section,I am actually using the fullpage.js as well.But all is working properly except the waypoint.js at second section

$('.ianimator').waypoint(function() {
  $('.ianimator').addClass('animated fadeIn');   
},{offset:'90%'});

$('.secmator').waypoint(function() {
  $('.secmato').addClass('animated fadeIn');   
},{offset:'90%'});

DEMO

Upvotes: 2

Views: 543

Answers (1)

Alvaro
Alvaro

Reputation: 41605

If you read the fullPage.js FAQs you'll realise that libraries relying on the scroll event won't work in fullPage.js unless you use the fullPage.js option scrollBar:true or autoScrolling:false.

Personally I would recommend you to make use of fullPage.js state classes or callbacks to achieve those animations. This way you can use any fullPage.js configuration.

Here's a video tutorial I made regarding css3 animations and the use of fullpage.js state classes.

Upvotes: 1

Related Questions