10

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

4

4 回答 4

13

对于定位：

<style>

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

</style>
于 2016-05-29T00:43:33.527 回答
3

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

于 2014-11-28T00:35:04.403 回答
2

如果您想保持位置甚至滚动，请使用position: fixed左/上/右/下的东西。
这是参考：http ://www.w3schools.com/css/css_positioning.asp

于 2016-02-14T07:13:37.520 回答
0

添加到以前的答案...

要解决向下滚动问题，请将z-indexCSS 属性设置为大于 1 的某个数字。

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

    position: fixed;
    bottom: 30px;          
    right: 25px;
  }
<style>
于 2018-05-29T16:27:17.053 回答