偏移元素在滚动中的另一个元素中

时间:2016-05-21 21:56:38

标签: jquery css animation scroll

需要将此http://www.studio-neko.fr/的标题动画添加到显示设备顶部的图片(高度100vh)。怎么实现这个?有人是个主意吗?谢谢。

1 个答案:

答案 0 :(得分:0)

据我所知,通过检查其代码(通过点击Chrome上的F12),该网站正在使用GSAP库(TweenMax.min.js)

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

如果您打开https://cdnjs.com/并查找TweenMax,您会找到以下说明:

  

将GSAP视为动画的瑞士军刀......但更好。它   动画JavaScript可以触摸的任何内容(CSS属性,画布库   对象,SVG,通用对象,等等,它解决了很多浏览器   不一致,都有惊人的速度(快于20倍   jQuery的)。有关详细信息,请参阅http://greensock.com/why-gsap/。其他   CSS之类的库,如jQuery,Velocity,Transit和Zepto   属性。此外,他们的测序能力和运行时控制都很苍白   通过比较。简而言之,GSAP是最灵活的高性能产品   这个星球上的动画库。而不像单片框架那样   Famo.us或Angular决定了如何构建应用程序,GSAP   只拥有动画层;撒在任何你想要的地方。 GSAP   代表GreenSock动画平台。有一个jQuery插件   劫持原生jQuery.animate()方法以便动画   执行得更好,可以补充其他属性,例如   颜色,变换(2D和3D),boxShadow,borderRadius,剪辑和   更多。 GSAP没有依赖于jQuery或其他库。看到   http://greensock.com/gsap/了解详情。

此外,网站正在使用其他js文件,但可能是负责这些动画的文件

我希望这会有所帮助。