实际上我正在使用material2设计处理Angular 4，所以我遇到<md-dialog>，决定在我的应用程序中使用。
应用包含一个标题，即已修复 position:fixed和侧边栏已修复。
我使用<md-dialog>并且是的，它工作正常，直到页面不滚动，但是当页面在页面底部的某处滚动时，点击触发<md-dialog> a的按钮出现异常行为，固定位置 div 隐藏在<md-dialog>
work plunker：https://plnkr.co/edit/1F5La3HPmd8RxXtPip3o?p=preview
有任何删除该行为的帮助吗？
答案 0 :(得分：2)
您遇到的问题是您创建了一个没有位置的固定位置div。使用固定时，您需要设置至少一个“顶部”，“左”，“右”，“底部”样式。请参阅this working plunker。
最值得注意的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>标记'top'样式，以确保点击时屏幕上始终显示对话框。如果他们没有'顶级'风格，它将改变固定的div。