我有一个相当简单的功能,检测窗口滚动。当用户停止滚动时触发超时事件(500毫秒)。这结束然后监听器和超时。然后,我创建(GSAP)窗口到某个点。一旦动画完成,监听器会再次启动。有时候...再次检测到滚动,所以整个功能被激发两次。请查看控制台以查看发生的情况。 代码在这里: var timeout;
var onScroll = function() {
console.log('scr
以下代码创建了一个GSAP TimelineMax,它在第一次播放中完美地起作用。但是,在时间轴逆转并且您再次播放后,TimelineMax的后半部分会“丢失”。 var tl = new TimelineMax();
$(".box").hover(function(){
tl = new TimelineMax();
tl.to($(this).chil
在以下示例中,我有五个部分和一个控制台日志,其中显示当前滚动位置,部分的高度以及部分在文档中的位置。当部分没有被操纵时,在我的屏幕上,结果如下。 Current Scroll Position: 0, Position Of Section: 10, Height Of Section: 196.796875
Current Scroll Position: 0, Position Of Sec
我正在使用GSAP做信封动画,一直面临很多问题,但无法在网上找到很多帮助。 我想制作一些动画1)从信封的正面旋转到信封的背面,2)打开翻盖和3)从信封发出的信件。 目前我现在正在步骤3上,正在努力处理“看起来像z-index”的问题,但我不确定是否因为z-index。不知何故,我无法将信封盖在翻盖开口的顶部。 下面是我GSAP代码: var tl = new TimelineMax();
va
我目前正在使用GSAP的TimelineMax,MorphSVG插件和ScrollMagic构建网站。 我有时面对抖动效果和此警告出来: Handling of 'mousewheel' input event was delayed for 163 ms due to main thread being busy. Consider marking event handler as 'passi