关于浏览器重绘，资源占用

Question

问题1：我有上百个元素，在浏览器视口外做动画，是否会占用浏览器资源？是否会引起重绘？

问题2：css会不会影响。比如，在
positoin:absolute;
overflow：hidden&scrollTOP;
display:none; 

Answer 1

针对问题2：元素隐藏之后，就不会在执行动画，也不会损耗性能

    *{
        display: none;
    }

---

针对问题1：动画在屏幕下方
测试地址：http://jsrun.net/NHeKp/edit，可以看到在屏幕外的动画也会导致 fps 狂掉，禁用之后表现会好一点。

针对问题1：动画在屏幕上方：测试地址：http://jsrun.net/VHeKp/edit，可以看到到屏幕外的动画不会导致fps狂掉。

---

但是上面测试的例子又感觉不对。测试例子2会停止。