在AngularJS中滚动时渲染问题

Question

当我尝试滚动浏览应用中的短（25项）列表时，我在多个版本的Chrome中遇到问题。屏幕涂抹如下：

我剥离了控制器和ng-repeat元素，以便没有任何观察者。它只是为基本属性添加绑定。

我也使用了角度ui-router，这是在ui-view内。

问题在Chrome中有些一致，并且也出现在Safari中。 Firefox中没有问题（我可以告诉）。尚未在IE中测试过。

知道是什么导致了这种行为吗？

修改

另外值得注意的是：如果我插入外接鼠标，我的笔记本电脑（MBP）会消失。不知道为什么。这也是其他机器上的一个问题，所以不是我的设置特有的。

Answer 1

我能够通过在用于height: 100%的任何元素上设置ui-view来一致地重现行为。我最初这样做是为了允许推送（但不是粘性）页脚，但需要找到解决方法。

从height: 100%元素中删除ui-view为我解决了这个问题。