全屏滚动加动画效果制作方法

fullPage  首先要说一下这个做全屏滚动的一个很好js 厦门网站建设来介绍一下如何做全屏滚动,当滚动到当前页面的时候动画效果生效的方法。 首先这个fullpage是可以在滚动到某个页面的时候,给body加上一个类别样式  class=”fp-viewing-2” 这个样式的值是会变化的。 如果你设定一个样式 .fp-viewing-2 .fade-in-bl {.fp-viewing-2 .fade-in-bl { -webkit-animation: fade-in-bl 3.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;         animation: fade-in-bl 3.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;} 那么就是说当 满足在fp-viewing-2出现的时候  这个样式动画才生效 那么就很好的解决了,在这一屏出现的时候才出现动画效果的问题。 动画效果厦门网站建设推荐到 http://animista.net/ 这个网站去,这个网站的动画效果很多,看要什么效果调好 复制下来就可以用

友情提示:点赞熊源码网http://www.dianzanxiong.com点赞熊源码网 » 全屏滚动加动画效果制作方法
分享到:
赞(0)
广告位820*80