我正在将一个单独的HTML页面加载到Bootstrap模式窗口中。在该模式中,有一些元素需要使用animate.css进行动画处理。我可能可以让这部分工作,但我不能解决的问题是,当模式打开时,如何确定我想要动画的元素在视口中实际出现的时间,以便我可以使用jQuery添加动画类。帮助?
谢谢!
发布于 2016-04-22 05:39:34
我还没有试过这个,但我想它会起作用的。首先,向元素添加一个类,以便它们在默认情况下是不可见的:
.el {
visibility: hidden;
}
然后检查模式何时打开,并将其css with js更改为visibility: visible;
$('#myModal').on('shown.bs.modal', function () {
$('.el').css('visibility', 'visible');
});
我想所有附加的动画都会在之后立即开始运行。
https://stackoverflow.com/questions/36780752
复制相似问题