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/
这个网站去,这个网站的动画效果很多,看要什么效果调好 复制下来就可以用
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/262756.html