2

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

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

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

要重现，必须执行以下操作（因为 Plunker 的布局似乎可以解决问题）：

  1. 运行 Plunk（在 Chrome 中）
  2. 将预览拆分到新窗口中
  3. 降低高度以仅显示彩色框
  4. 单击“单击我”按钮，然后滚动到见证问题

如果您重新加载滚动列表页面，顶部横幅将正确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; }

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

这是一个已知问题，还是我做了一些奇怪的事情，会让 Chrome 崩溃？无论哪种情况，是否可以进行调整来解决此问题？

4

0 回答 0