Question

在Chrome中工作，我发现AngularJS动画似乎会破坏应用了position: fixed的元素。我无法在Safari或Firefox中重现该问题。

我不确定我是否做错了什么，或者我是否可以做一些更好来解决问题。

我有一个说明问题的Plunker：http://plnkr.co/edit/fhI7M7ev75AGYzesf4GB?p=preview

要重现，必须完成以下操作（因为Plunker的布局似乎解决了这个问题）：

运行Plunk（Chrome中的）
将预览分成新窗口
降低高度以仅显示彩色框
点击＆＃34;点击我＆＃34;按钮，然后滚动到见证问题

如果您重新加载滚动列表页面，则顶部横幅将正确fixed到顶部。

顶部横幅的CSS很简单：

.fplcd-top-banner {
  background-color: #7c7c7c;
  background: linear-gradient(to bottom, #7c7c7c, #666666);
  height: 50.15745px;
  left: 0;
  margin-bottom: 7.16535px;
  padding: 7.16535px;
  position: fixed;
  top: 0;
  width: 320px;
  z-index: 10; }

如果你编辑插件并删除动画（在CSS文件的底部，在它们上方注释）样式，则问题不再存在。

这是一个众所周知的问题，还是我做了一些奇怪的事情会让Chrome崩溃？无论哪种情况，都可以通过调整来解决这个问题吗？

AngularJS动画在Chrome中打破`position：fixed`元素

0 个答案: