0

実際に私はmaterial2デザインのAngular 4に取り組んでいるので、<md-dialog>に来て、私のアプリで使うことにしました。md-dialog角材/ material2異常な挙動(固定位置divを隠す)

は、Appはposition:fixed固定すなわちヘッダと同様に固定サイドバーを含みます。

異常な動作が固定位置のdivという問題が生じる<md-dialog>を誘発するそのボタンのクリック時に、私は<md-dialog>を使用して、ページがをスクロールしなくなるまでうん、それはうまく動作しますが、ときにページをスクロールどこかのページの下部にあります<md-dialog>

作業plunkerに隠れ:https://plnkr.co/edit/1F5La3HPmd8RxXtPip3o?p=preview

すべてのヘルプその振る舞いを削除するには?

+0

問題は、角度2+ではなくAngularJSを使用していることです。 AngularJSは1.xで、Angular 2+ - Materialはサポートしていません。 –

+0

angular2でテストされていますが、同じ問題に直面しています –

答えて

1

問題は、固定位置divを場所なしで作成していたことでした。固定を使用する場合、「上」「左」「右」「下」のスタイルの少なくとも1つを設定する必要があります。 this working plunkerを参照してください。

最も注目すべきは、HTML:MdDialogダイアログがクリックで画面上に常にあることを確認するために<html>タグ「上部」スタイルが変更されるため

<div id="toolc" style="position:fixed; border:4px solid red;color:white;background-color:black;top:15px;left:15px">Fixed Div</div> 
<div style="height:100px"></div> 
<button md-button (click)="openDialog()">Launch dialog</button> 
You chose: {{selectedOption}} 
<div style="height:300px;"></div> 
<div>scroll down</div> 
<div style="height:600px;"></div> 
<p>scroll down</p> 
<button md-button (click)="openDialog()">Launch dialog</button> 

、この問題が発生します。彼らは同様に 'トップ'スタイルを持っていない場合は、固定divをシフトします。

+0

素晴らしい! diddntはMdDialogが 'topスタイル'の ''タグを変更したことを知っています –

関連する問題