这是一个fullpage插件改写成的页面,一直对里面的动画效果很好奇,今天搞明白到底是怎么实现的了。
fullpage插件会在当前显示的标签里加入一个.active类,当标签从可视区域里消失时会动态去掉这个.active类
接着就没jquery的事了,用css3的过渡效果来实现所需的效果。这种方法兼容性受到css3兼容性的影响,所以
在ie9及以下版本显示效果很差,如果网站是渐进增强设计的话,可以通过<!--if [ie lt 9] -->这种方式在低版本
所有要显示的标签上均加上.active 来时最总界面效果展示出来。
demo链接点击打开链接