滚动中另一个元素中的偏置元素

Question

需要标题动画像这个http://www.studio-neko.fr/到我的图片(高度100 in )放置在显示设备的顶部。如何实现这一点？有人是个主意吗？谢谢。

Answer 1

据我所见，通过检查其代码(单击Chrome上的F12 )，该站点正在使用GSAP (TweenMax.min.js)。

https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.4/TweenMax.min.js

如果您打开https://cdnjs.com/并查找TweenMax，您将发现以下描述：

把GSAP想象成animation...but的瑞士军刀更好。它能使任何JavaScript可以触摸的东西(CSS属性、画布库对象、SVG、泛型对象等等)都能被动画化，并且它解决了很多浏览器不一致的问题，所有这些都具有惊人的速度(比jQuery快20倍)。详情请参见http://greensock.com/why-gsap/。其他库，如jQuery、流速、传输和Zepto属性仅为吐温。另外，与之相比，它们的测序能力和运行时控制也相形见绌。简单地说，GSAP是地球上最灵活的高性能动画库.不像单一的框架，如Famo.us或棱角决定了你的应用程序的结构，GSAP只是拥有动画层，随心所欲地洒在它上。GSAP代表GreenSock动画平台。有一个jQuery插件可以劫持本机jQuery.animate()方法，这样动画就能表现得更好，其他属性也可以在tweened上发布，比如颜色、转换(2D和3D)、boxShadow、borderRadius、剪辑等等。GSAP不依赖于jQuery或其他库。详情请参见http://greensock.com/gsap/。

此外，站点还使用其他js文件，但这可能是负责这些动画的

我希望这能帮到你。