首页 > 请问这种滚动到一定位置的出现动画效果是怎么实现的?

请问这种滚动到一定位置的出现动画效果是怎么实现的?

http://www.imooc.com/
就是上面这个网站的效果,当页面向下滚动时,出现动画效果,不往下滚动下面的动画效果就不会自动执行掉,我想js可以根据滚动条高度来判断并执行动画,但是我想问的是,能否用css3来实现这种效果?


Css3动画效果是可以做的 事件触发部分只能用js


方法不止一种,最简单的可以是https://api.jquery.com/scroll/,也可以用库http://imakewebthings.com/waypoints/,原理都是目标对象进入可视区域触发某个事件,做一些DOM或者CSS的变化。


浏览器debug工具,index.js里面写得清清楚楚,没用第三方库,

就是用jquery的动画方法实现的,简洁明了,没有高深技术。

$el.find(".intro2-computer2").delay(500).animate({
                        opacity:1
                    },167);
                    

这样的语句你要说你看不懂?

【热门文章】
【热门文章】