Angular Material: md-datepicker CSS 显示问题

Question

我已经升级到 Angular Material 0.11.1。我正在使用 Angular JS v1.4.6。我正在尝试实现新的日期选择器功能。我遇到的问题是当我使用如下标准代码时：

<md-content>
<h4>Standard date-picker</h4>
<md-datepicker ng-model="myDate" md-placeholder="Enter date"></md-datepicker>
</md-content>

当我 select 选择器时，我遇到了一个奇怪的显示问题，其中一半的屏幕是灰色的，并且可以看到日期选择器框的一部分。一旦执行并尝试 select 弹出框的任何其他内容，同样的事情也会发生。任何人都知道为什么会发生这种情况以及如何解决它？

下图：

Answer 1

我自己也遇到了完全相同的问题，每次我点击打开 md-datepicker 时，我的页面底部都会出现一个大的白色块。

在花了一些时间监控单击 md-datepicker 时的页面行为后，我意识到单击 md-datepicker 时，angular material 正在动态更改 css 的样式我的 css 样式表中的 <html> 和 <body> classes，像这样：

<body class="" style="position: fixed; width: 100%; top: -231px;">

<html lang="en" style="overflow-y: scroll;">

作为快速修复，我已经像这样设置了 body class 以覆盖动态更改：

body {
top: 0px !important;
}

希望这对其他遇到同样问题的人有所帮助。

Answer 2

我遇到了同样的问题并在 md-datepicker 中应用了以下标签，它对我来说一切正常:)

style="position:fixed;"

Angular Material: md-datepicker CSS display issue