在 AngularJS 中滚动时呈现问题

Question

我在 Chrome 的几个版本中尝试在我的应用程序中滚动浏览一个简短的（25 项）列表时遇到问题。画面是这样的：

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

我也在使用 angular ui-路由器，它在 ui-view.

内部

问题在 Chrome 中有些一致，也出现在 Safari 中。在 Firefox 中没有问题（据我所知）。没有在 IE 中测试过。

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

编辑

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

Answer 1

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

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