Angular md对话框角材料/材料2异常行为（隐藏固定位置div）

事实上，我正在用material2设计Angular 4，所以我遇到了

，决定在我的应用程序中使用

应用程序包含一个标题，即fixed

位置：fixed

和一个fixed边栏

我使用了

，是的，它可以正常工作，直到页面不滚动为止，但当页面滚动到页面底部某个位置时，点击触发

的按钮，就会出现一种异常行为，固定位置div隐藏在

工作冲击器：

---

有什么办法可以消除这种行为吗

您遇到的问题是，您正在创建一个没有位置的固定位置div。使用“固定”时，至少需要设置一个“顶部”“左侧”“右侧”“底部”样式。看

最值得注意的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
启动对话框
您选择：{{selectedOption}
向下滚动
向下滚动

启动对话框

---

出现此问题的原因是MdDialog更改了标记“top”的样式，以确保单击时对话框始终在屏幕上。如果固定div没有“top”样式，它将移动固定div。

问题是，您在AngularJS中使用的是Angular2+材质，而不是Angular2+。AngularJS是1.x，不支持Angular2+材质。它在angular4中也使用material2进行了测试，但面临相同的问题！不知道MdDialog改变了

标签

顶级风格

太棒了！谢谢。我在侧边栏中添加了top:0，一切正常