当与具有 scrollTarget 的 core-list 一起使用时，具有 position:fixed 的 Polymer paper-fab 表现异常
Polymer paper-fab with position:fixed behaves strangely when used with core-list that has a scrollTarget
我将聚合物 demo messages example 放入 jsbin 中，然后对其进行编辑以拉出列表并将其制作成单独的聚合物元素。换句话说，假装我们想让收件箱编辑器成为一个可重用的组件。
这更类似于我的应用程序，因为我将它分解为许多这样的组件以使其更加模块化（IMO 网络组件的一大好处）。
由于 fab 是这个新元素的一部分，因此将其保留为绝对位置会使其位于列表的最底部，而不是始终位于 window 的右下角。
为了解决这个问题，我只是将其更改为固定位置。参见 this jsbin
加载正常，但当您开始滚动时（最近 chrome），fab 会随着列表内容滚动，而不是固定在右下角。
有趣的是，如果您在 window（fab 应该在的地方）的右下角单击鼠标，fab 会跳到正确的位置。现在，当您滚动时，它会保持在正确的位置。
很奇怪。关于原因的任何想法以及我做错了什么还是聚合物错误？
快速谷歌搜索后，我发现将 -webkit-transform: translateZ(0); 添加到 paper-fab 元素可将其修复到视口。
相关问题：position:fixed not working in Google Chrome
我不知道为什么会发生这种情况，我发现的唯一模糊相关的错误是 https://code.google.com/p/chromium/issues/detail?id=420534 但它是相反的：它是关于父元素上的 transform: translateZ(0); 使它的子元素滚动和未修复。
我将聚合物 demo messages example 放入 jsbin 中，然后对其进行编辑以拉出列表并将其制作成单独的聚合物元素。换句话说，假装我们想让收件箱编辑器成为一个可重用的组件。 这更类似于我的应用程序，因为我将它分解为许多这样的组件以使其更加模块化（IMO 网络组件的一大好处）。
由于 fab 是这个新元素的一部分，因此将其保留为绝对位置会使其位于列表的最底部，而不是始终位于 window 的右下角。
为了解决这个问题，我只是将其更改为固定位置。参见 this jsbin
加载正常，但当您开始滚动时（最近 chrome），fab 会随着列表内容滚动，而不是固定在右下角。
有趣的是，如果您在 window（fab 应该在的地方）的右下角单击鼠标，fab 会跳到正确的位置。现在，当您滚动时，它会保持在正确的位置。
很奇怪。关于原因的任何想法以及我做错了什么还是聚合物错误？
快速谷歌搜索后，我发现将 -webkit-transform: translateZ(0); 添加到 paper-fab 元素可将其修复到视口。
相关问题：position:fixed not working in Google Chrome
我不知道为什么会发生这种情况，我发现的唯一模糊相关的错误是 https://code.google.com/p/chromium/issues/detail?id=420534 但它是相反的：它是关于父元素上的 transform: translateZ(0); 使它的子元素滚动和未修复。