我不希望从JS触发CSS动画,而是相反。
如果我通过-webkit-transition或transition: all 1000ms类型样式表做CSS动画,有没有办法在转换完成后触发JS函数?
基本上,我一直在通过javascript制作动画,我想将其中的一些转换为CSS动画,但我需要在动画完成后触发javascript事件。
我一直在尝试使用angular动画,并得出结论,基于Angular JavaScript的动画不是使用ng-if触发的。我开发了一个简单的Plunkr来演示这种不一致性。本质上,这样做的问题是,我不想在DOM (ng-if)中添加和删除元素,而更愿意使用ng-show,因为其中一个正在制作动画的项目是一个HTML5视频,我希望在页面加载时开始预加载该视频。Plunkr的代码如下:
HTML
<button ng-click="on4=!on4">JS If Transition</button>
<div class="js-if-elem
我试图在上实现这些效果,但是我只需要在滚动的基础上移动几件事情。我的目标是让篮球进入盒子,然后在滚动了一点点后,盒子就会在卡车上,所有的物体都水平地穿过页面。另外,我希望这发生在你向下滚动,而不是当你像在当前的小提琴上滚动。
这里是我目前的,最初是基于这个。下面是js。
var fixedElement = false;
var changingMoment = 150;
$(window).scroll(function() {
// floatingContentMark lets us know where the element shall change from fixed