在AngularJS中滚动时出现渲染问题

在AngularJS中滚动时出现渲染问题,angularjs,scroll,rendering,angular-ui-router,angular-ui,Angularjs,Scroll,Rendering,Angular Ui Router,Angular Ui,当我尝试在我的应用程序中滚动浏览一个简短的(25项)列表时,我在几个版本的Chrome中遇到了问题。屏幕上的污迹如下: 我已经剥离了控制器和ng repeat元素,这样就没有任何监视者了。它只是为基本属性添加绑定 我还使用angular ui router,它位于ui视图的内部 这个问题在Chrome中有点一致,在Safari中也会出现。Firefox没有问题(我可以说)。没有在IE中测试过 知道是什么导致了这种行为吗 编辑 还可能值得注意的是:如果我插入一个外部鼠标,我的笔记本电脑(MBP)

当我尝试在我的应用程序中滚动浏览一个简短的(25项)列表时,我在几个版本的Chrome中遇到了问题。屏幕上的污迹如下:

我已经剥离了控制器和
ng repeat
元素,这样就没有任何监视者了。它只是为基本属性添加绑定

我还使用angular ui router,它位于
ui视图的内部

这个问题在Chrome中有点一致,在Safari中也会出现。Firefox没有问题(我可以说)。没有在IE中测试过

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

编辑


还可能值得注意的是:如果我插入一个外部鼠标,我的笔记本电脑(MBP)上就不会出现这种情况。不知道为什么。但是,这在其他机器上也是一个问题,因此不特定于我的设置。

通过在用于
ui视图的任何元素上设置
height:100%
,我能够始终如一地重现该行为。我最初这样做是为了允许推式(但不是粘性)页脚,但需要找到一个解决方法


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

如果图片中没有角度,你能重现吗?只有HTML和CSS?你能为这个提供demo/jsfiddle吗?如果你能为这个提供一个demo,我相信我们可以为你测试它,并展示这是否只是你的笔记本电脑