聚合物 - 定位造纸厂？

Question

我正在尝试将聚合物paper-fab（浮动操作按钮）放在屏幕的右下角。我还希望它在向下滚动时消失，然后再向上滚动（就像在Google+ Android应用上一样）。我该怎么做那2件事？这是测试网站：http://www.infinitech.org/beta。非常感谢帮助！

Answer 1

定位：

<style>

    paper-fab {
        position: fixed;
        right: 25px;
        bottom: 30px;          
    }

</style>

Answer 2

要进行定位，您必须使用position: absolute和上/下/左/右值。对于向下滚动消失，您可能必须使用滚动事件和CSS转换。我不是最好的，所以可能有更好的解决方案。

Answer 3

如果你想保持位置均匀滚动，请使用 position：fixed 和左/上/右/下填充。
＆＃xA;这是参考： http://www.w3schools.com/css/css_positioning.asp

＆＃xA ;

Answer 4

添加到上一个答案...

要修复向下滚动问题，请将z-index CSS属性设置为大于1的某个数字。

<style>
  paper-fab {
    z-index: 2;

    position: fixed;
    bottom: 30px;          
    right: 25px;
  }
<style>