gsap

3热度

1回答

我有一个简单的问题：如何在angular-cli应用程序中正确使用ScrollMagic和Gsap？我做了什么： npm install ScrollMagic npm install gsap 在角cli.json： "scripts": [ "../node_modules/gsap/src/uncompressed/tweenmax.js", "../node

1热度

1回答

React生命周期事件取消GSAP动画

我正在尝试将GSAP与React一起使用，我遇到了我的动画被取消的情况。我的组件是一个侧边栏，只有当状态中的'show'属性为true时才会出现。在组件内部，我的主要职责是： shouldComponentUpdate(nextProps, nextState) { return nextState.show !== this.state.show; } componentWil

0热度

1回答

带GSAP和滚动的滑块转换

嗨我试图使用TweenMax复制此页上的转换部分http://cuberto.com 。 var slides=document.querySelectorAll('.slide'); var tl=new TimelineLite({paused:true}); for(var i=slides.length;i--;){ var D=document.createElemen

1热度

1回答

使用Reactjs构建连续动画的最佳方法是什么？

有各种工具可以帮助个人用ReactJs构建动画。但每个人都有自己的缺点。以下是我迄今探索的工具： ReactCSSTransitionGroup：相当有效，但我不喜欢它如何引入CSS和Javascript之间的耦合。例如： <ReactCSSTransitionGroup transitionName="example" transitionEnterTimeout={70

0热度

1回答

Javascript TweenMax无法正常工作

这是我第一次在JavaScript中使用TweenMax。我试图创建一个函数，它将创建一个带有圆边的“卡片”，最终将保存图像和文本。现在我只想制作一张带有内部图像的剪辑（此时裁剪无关紧要），在我的一个标签内部具有特定的大小和位置。现在，所做的只是在（0，0）处显示图像，无论x/y值如何，父区块没有缩放或剪裁，也没有圆角边缘或阴影。所以，我想我的TweenMax无法正常工作，或者我没有做正确的事情

0热度

1回答

如何交错和时间表在GSAP

结合试图acheive交错淡出滑块在http://css3.bradshawenterprises.com/cfimg/#cfimg3使用GSAP，我能够做动画一张幻灯片不能用于其他幻灯片做，基本上很难合并时间表并错开代码笔：https://codepen.io/shmdhussain/pen/MvjEom' // instantiate TimelineMax const tl = n

1热度

1回答

ScrollMagic：JQuery的元件没有用于triggerElement

工作作为文档为triggerElement的值将是一个选择器，DOM对象或jQuery的对象定义场景的开始。如果未定义，场景将从页面开始处开始（除非设置了偏移量）。但我认为这不适合我的情况。我的HTML看起来像 .... <section> <div class="scrollMagic"> Lorem ipsum dolor sit amet, consectet

0热度

1回答

GSAP在一个函数中暂停动画

我有一组按钮，点击时会显示一种弹出式和一些简单的动画。每个弹出窗口都包含大部分内容的相同动画。每个弹出窗口也有它自己的一组动画，所以我已经完成了以下工作以使其正常工作。 $gridTitles.click(function() { const tl = new TimelineMax(); const $pop = $(this).next('.grid__pop');

0热度

1回答

如何在GSAP和ScrollMagic中设置底部和不透明属性的动画效果？

使用下面的代码，我可以错开动画位置并淡入文本。但是我想要完成的是移动，淡入，，然后在滚动结束时淡出所有复制回0。所以移动工作正常。我只想让相同的<p>标签淡入，然后通过滚动结束返回。 // init controller to hold all commands/animations const controller = new ScrollMagic.Controller({ addIndic

0热度

1回答

在对象文字中禁用scrollmagic控制器es6

我在尝试重新启用scrollmagic控制器（如果它之前已被禁用）时遇到问题。我想有标志的颜色变化，如果它只是引发了窄视（如果该标志是在彩色区）和残疾人如果wide..that至今工作，但如果我调整窗口的大小再次缩小它不会重新启用controller..i试图破坏和复位控制器以及但不知何故，它不会重新启用控制器... codepen（使用GSAP和scrollmagic）： https://c