javascript 在滚动触发器上错开动画

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 在滚动触发器上错开动画相关的知识,希望对你有一定的参考价值。

var controller = new ScrollMagic.Controller();
    	var stagger = TweenMax.staggerTo('.header-triangle', 1, {
    		opacity: 0,
    		y: '100%',
    		ease: Power4.easeInOut
    	},
    	0.02);
    	 
    	new ScrollMagic.Scene({triggerElement: "#header-triangles", triggerHook: "onLeave"})
    	.setTween(stagger)
    	.addTo(controller)

以上是关于javascript 在滚动触发器上错开动画的主要内容,如果未能解决你的问题,请参考以下文章

在 JavaScript 中触发 CSS 动画

jquery 滚动到指定位置触发动画

javascript [在页面滚动上设置动画粘贴CTA]这将在滚动时为点击元素设置动画,并在用户点击时将其关闭。 #javascript #css #sitewre

javascript [在页面滚动上设置动画粘贴CTA]这将在滚动时为点击元素设置动画,并在用户点击时将其关闭。 #javascript #css #sitewre

javascript 动画顶部栏 - 在滚动上显示和隐藏

基于 JavaScript 滚动的动画在移动设备上不稳定