Css 如何在所有内容的顶部显示md进度通知
从服务器加载数据时,我想使用Css 如何在所有内容的顶部显示md进度通知,css,angularjs,angular-material,Css,Angularjs,Angular Material,从服务器加载数据时,我想使用md进度条 虽然显示了md进度条,但我希望所有其他内容都不可单击。此外,进度动画应显示在窗口的中心 我尝试在模板中使用以下HTML: <md-dialog style="background-color:transparent;box-shadow:none"> <div layout="row" layout-sm="column" layout-align="center center" aria-label="wait">
md进度条
虽然显示了md进度条
,但我希望所有其他内容都不可单击。此外,进度动画应显示在窗口的中心
我尝试在模板中使用以下HTML:
<md-dialog style="background-color:transparent;box-shadow:none">
<div layout="row" layout-sm="column" layout-align="center center" aria-label="wait">
<md-progress-circular md-mode="indeterminate" ></md-progress-circular>
</div>
</md-dialog>
但它会闪烁并显示滚动条:
有什么想法吗?您现在可能已经找到了解决方案,但如果没有,这就是原因:旋转圆是一个SVG元素,然后进行了转换(用于旋转效果),如图所示 这种转换使内部内容的高度比微调器本身的大小高一点,所以您可以看到滚动条 用
layout=“row”
向div添加高度(在您的情况下,70px
应该可以,但该值取决于微调器的大小;添加额外高度也不会有任何影响,因为您隐藏了md对话框
背景)应该可以修复它
<md-dialog style="background-color:transparent;box-shadow:none">
<div layout="row" layout-sm="column" layout-align="center center" aria-label="wait"
style="height:70px;">
<md-progress-circular md-mode="indeterminate" ></md-progress-circular>
</div>
</md-dialog>
我希望这会有所帮助。
<div data-ng-app='demo' ng-controller='demoController'>
<md-tabs md-stretch-tabs="always" md-dynamic-height md-border-bottom>
<!––some code here-->
</md-tabs>
<div layout="row" layout-sm="column" layout-align="space-around" style="position: absolute;bottom:1%;height:2000px;width:100%">
<md-progress-circular md-mode="indeterminate" md-diameter="100" style="position:fixed;bottom:50%" ></md-progress-circular>
</div>
</div>
这个代码对我有用。可以适应您的代码。您可以创建一个Plunk来演示吗?我不知道闪烁,但是你可以用css消除滚动条
overflow-y:hidden
这样一个简单的解决方案:-)