多くのGoogleウェブアプリに見られるように、右下に「追加」FABを実装するにはどうすればよいですか？

私のWebアプリケーションの右下にというFAB を実装しようとしています。手動CSSはこれを行う唯一の方法ですか？ https://material.angularjs.orgにはこれに関するドキュメントはありません。多くのGoogleウェブアプリに見られるように、右下に「追加」FABを実装するにはどうすればよいですか？

これは私が（右下の赤いボタン）を実現するために何をしたいの例です。

出典

2016-03-23 AskYous

ます。https：/ /material.angularjs.org/latest/demo/fabSpeedDial – SLaks

@SLaks私はページの右下に具体的に配置したいと思います。私はちょうど私の問題を解決するボタンに 'クラス' 'md-fab-bottom-right'を追加できることを知りました。私は今答えを投稿します。 – AskYous

私は答えを発見：私は追加する必要がありました

<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です。

2016-03-23 16:39:23 AskYous

は、あなたの質問を向上させるために：あなたはボタンの位置に問題があなたのCSSに以下を追加している場合：ユーザーがスクロールしない場合でも

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

この方法では、ボタンが修正されますが

2017-09-25 04:40:16

ありがとうございます。私はマニュアルCSSでそれを行う方法を尋ねていませんでした。 – AskYous

答えて