在Ionic 2 app

Question

我正在尝试调整Ionic中的FAB，使其与我的内容一起滚动。如果我们参考Ionic Exemple：

<ion-fab top right edge>
<button ion-fab mini><ion-icon name="add"></ion-icon></button>
<ion-fab-list>
  <button ion-fab><ion-icon name="logo-facebook"></ion-icon></button>
  <button ion-fab><ion-icon name="logo-twitter"></ion-icon></button>
  <button ion-fab><ion-icon name="logo-vimeo"></ion-icon></button>
</ion-fab-list>
</ion-fab>

结果如下：

我想让这个FAB滚动内容。我试图覆盖Ionic CSS，但是当我更改位置属性时，它会使我的按钮消失..

提前感谢您的任何帮助

Answer 1

你不能因为这里的情况不是css。 Ionic将FAB按钮添加到fixed-content类，因此即使知道您可以使用css来操纵fab和固定内容，它也会与scroll-content一起滚动（i＆＃39我们试图为你找到一个解决方案。）

操作DOM可能有效，从固定内容中取出工厂并将其放置在ElementRef, ViewChild, Renderer @angular/core的滚动内容中（尚未尝试过）。

除了操纵DOM之外，另一个解决方案是创建自己的FAB按钮，这可能是一项艰苦的工作，但互联网上必须有一些示例。

希望这有帮助。