我以聚合物演示消息为例，将其放入jsbin中，然后对其进行编辑以提取列表并晶圆厂到单独的聚合物元素中。换句话说，假装我们想使收件箱编辑器成为可重用的组件。这更类似于我的应用程序，因为我已将其分解为许多此类组件以使其更加模块化（IMO 的 Web 组件的一大好处）。
由于晶圆厂是这个新元素的一部分，因此将其位置设置为绝对位置会将其置于列表的最底部，而不是始终位于窗口的右下角。
为了解决这个问题，我只是将其更改为固定位置。查看此 jsbin
它加载正常，但是当您开始滚动（在最新的chrome中）时，fab会滚动列表内容，而不是固定在右下角。
有趣的是，如果您单击窗口右下角的鼠标（晶圆厂应该在的位置），晶圆厂会跳到正确的位置。现在，当您滚动时，它会保持在正确的位置。
很奇怪。关于原因的任何想法，以及我是否做错了什么还是聚合物错误？
在谷歌上快速搜索后，我发现将-webkit-transform: translateZ(0);添加到 paper-fab 元素可以将其固定到视口。
工作中的 jsbin
相关问题：位置：固定在谷歌浏览器中不起作用
我不知道为什么会发生这种情况，我发现的唯一模糊相关的错误是 https://code.google.com/p/chromium/issues/detail?id=420534，但反过来：它是关于父元素的transform: translateZ(0);，使其子元素滚动而不是修复。