如何像我在许多 Google 网络应用程序中看到的那样在右下角实现 'add' FAB？

Question

我正在尝试在我的网络应用程序的右下角实现 FAB 。手动 CSS 是执行此操作的唯一方法吗？我在 https://material.angularjs.org.

上没有看到任何相关文档
这是我要实现的例子（右下红色按钮）：

Answer 1

我刚找到答案：

<md-button class="md-fab md-fab-bottom-right" aria-label="Add a category">
  <md-icon>add</md-icon>
</md-button>

我不得不添加一个类名md-fab-bottom-right。

Answer 2

要改进您的问题：如果您对按钮的位置有疑问，请将其添加到您的 css:

.md-fab-bottom-right{
    position: fixed !important;
}

这样，即使用户滚动，按钮也会固定

Answer 3

主要CSS规则是"right"；为了添加到 Luis 的答案中，请将此规则添加到 CSS:

.md-fab-bottom-right{
    position: fixed !important;
    right: 15px; /* Add this and change value to set the margin you want */
}

How do I implement the 'add' FAB on the bottom right like I see in many Google web apps?