ang*_*tya 1 angular-material angular2-template angular-material2 angular
实际上，我正在使用 Material2 设计来开发 Angular 4，所以我偶然发现了它<md-dialog>，并决定在我的应用程序中使用。
应用程序包含一个固定的 标题position:fixed和一个固定的侧边栏侧边栏。
我使用过<md-dialog>，是的，它工作正常，直到页面不滚动，但是当页面滚动到页面底部的某个位置时，单击触发<md-dialog>异常行为的按钮时，会出现固定位置 div隐藏在<md-dialog>
工作插件：https://plnkr.co/edit/1F5La3HPmd8RxXtPip3o? p=preview
有什么帮助消除这种行为吗？
您遇到的问题是您正在创建一个没有位置的固定位置 div。使用fixed时需要至少设置“上”“左”“右”“下”样式中的一种。看看这个正在工作的笨蛋。
最值得注意的 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>
出现此问题的原因是 MdDialog 更改了<html>标记“顶部”样式，以确保单击时对话框始终显示在屏幕上。如果固定 div 也没有“顶部”样式，它将移动它们。
| 归档时间： |
|
| 查看次数： |
611 次 |
| 最近记录： |