Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/457.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ruby/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript waypoint.js在第二部分不工作_Javascript_Jquery_Fullpage.js_Jquery Waypoints - Fatal编程技术网

Javascript waypoint.js在第二部分不工作

Javascript waypoint.js在第二部分不工作,javascript,jquery,fullpage.js,jquery-waypoints,Javascript,Jquery,Fullpage.js,Jquery Waypoints,在我的代码中,我希望在每个部分滚动元素,这些元素将可见,但不会发生。在第一部分,它工作得很好,但在第二部分,我实际上也在使用fullpage.js。但是除了第二部分中的waypoint.js之外,其他都正常工作 $('.ianimator').waypoint(function() { $('.ianimator').addClass('animated fadeIn'); },{offset:'90%'}); $('.secmator').waypoint(function() {

在我的代码中,我希望在每个部分滚动元素,这些元素将可见,但不会发生。在第一部分,它工作得很好,但在第二部分,我实际上也在使用fullpage.js。但是除了第二部分中的waypoint.js之外,其他都正常工作

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

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

如果阅读,您会意识到依赖滚动事件的库在fullPage.js中无法工作,除非您使用fullPage.js选项
滚动条:true
自动滚动:false

就我个人而言,我建议你使用或实现这些动画。这样,您就可以使用任何fullPage.js配置


关于css3动画和fullpage.js状态类的使用。

我想要waypoint.js动画,并且我已经添加了滚动条:虽然我的代码是正确的,但它仍然不起作用,我注意到打开页面后,我转到最后一个div,它正在进行动画制作,所以我认为所有元素都在同时进行动画制作,所以我只能看到第一部分的动画。你的JSFIDLE没有初始化fullPage.js,我无法测试你说的话。请使用fullpage.js初始化和文件更新JSFIDLE以重现您的问题。