我拿了聚合物demo messages example，将它放入jsbin然后编辑它以取出列表并制成一个单独的聚合物元素。换句话说，假装我们想让收件箱编辑器成为可重用的组件。 这更类似于我的应用程序，因为我已将其分解为许多此类组件以使其更加模块化（Web组件IMO的巨大优势之一）。
由于晶圆厂是这个新元素的一部分，然后将其置于绝对位置，使其位于列表的最底部，而不是始终位于窗口的右下角。
要解决这个问题，我只需将其更改为固定位置。见this jsbin
它加载正常但是当你开始滚动时（在最新的chrome中），fab会滚动列表内容，而不是固定在右下角。
有趣的是，如果你点击窗口右下角的那个鼠标（工厂应该在哪里），那么工厂会跳到正确的位置。滚动时，它保持在正确的位置。
很奇怪。关于原因的任何想法，我是做错了什么还是聚合物虫？
答案 0 :(得分：1)
快速浏览后，我发现将-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);使其子元素滚动而不是修复