我在使用animate.css和JS脚本滚动网站时使用动画来检查视口。脚本工作,它出现但随后消失。我相信这是因为类被添加到元素中但原始类"隐藏"一旦动画被调用,它就会保持优势。
以下是代码:
Before Reverse [1, 2, 3, 4, 5]
After Reverse [5, 4, 3, 2, 1]
.hidden有jQuery(document).ready(function() {
jQuery('.fourth-right').addClass("hidden").viewportChecker({
classToAdd: 'visible animated fadeInRight',
offset: 100
});
});
和.visible opacity:0
使用opacity:1
调用动画后,如何删除classe hidden
?我尝试过.removeClass,但是我无法使它工作,你知道为什么吗?我还尝试在.visible。
visible animated fadeInRight
答案 0 :(得分:0)
viewportChecker插件提供以下选项(来源:github)
classToRemove: 'hidden', // Class to remove before adding 'classToAdd' to the elements