2017-05-23 13 views
1

私はIABでFABを調整して自分のコンテンツをスクロールしようとしています。私たちはイオンExempleを参照している場合:浮動アクションボタンをIonic 2アプリケーションでスクロールさせる

<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> 

結果は以下の通りです:enter image description here

私は、コンテンツと、このFABスクロールをしたいのですが。ここでの場合は、CSSではありませんので、

はあなたがすることはできません任意のヘルプ

答えて

0

のために事前にありがとう..私はイオンCSSをoverriderしようとしたが、私が変更されたときの位置は、それが私のボタンが消えます属性。 Ionicはfixed-contentクラスにFABボタンを追加するので、cssを使ってfabと固定コンテンツの両方を操作することができます。scroll-contentと一緒にスクロールしません(私はここで解決策を試しました)。

DOMを操作するには、固定コンテンツからfabを取り出してElementRef, ViewChild, Rendererから@angular/coreまでのスクロールコンテンツに配置します(これはまだ試していません)。

DOMを操作するだけでなく、もう1つの解決策は独自のFABボタンを作成することですが、難しい作業ですが、インターネット上にいくつかの例があるはずです。

これが役に立ちます。

関連する問題