[英]Angular 2 Material - Router animations broke sidenav content and scroll
[英]Angular Material Sidenav Not covering full screen on Scroll
在滚动时,Sidenav不会占据屏幕的100%,并且还在滚动。
<div layout="column">
<section layout="row" flex>
<!-- sidenav content -->
<md-sidenav class="md-sidenav-left"
md-component-id="left"
md-whiteframe="20"
flex>
<md-content layout-padding></md-content>
</md-sidenav>
<md-content flex layout-padding>
<!-- page content -->
<md-content>Page Content</md-content>
</md-content>
</section>
</div>
只需将md-sidenav
放在div
之外:
<!-- sidenav content -->
<md-sidenav class="md-sidenav-left"
md-component-id="left"
md-whiteframe="20"
flex>
<md-content layout-padding></md-content>
</md-sidenav>
<div layout="column">
<section layout="row" flex>
<md-content flex layout-padding>
<!-- page content -->
<md-content>Page Content</md-content>
</md-content>
</section>
</div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.