Javascript waypoint.js在第二部分不工作
在我的代码中,我希望在每个部分滚动元素,这些元素将可见,但不会发生。在第一部分,它工作得很好,但在第二部分,我实际上也在使用fullpage.js。但是除了第二部分中的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() {
$('.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以重现您的问题。