角材料MD-工具栏不坚持（MD-滚动收缩） [英] Angular Material md-toolbar not sticking (md-scroll-shrink)
本文介绍了角材料MD-工具栏不坚持（MD-滚动收缩）的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我使用的是＆LT; MD-副标题MD-滚动收缩＆GT; 我的网页上，但它不是粘在上面，当用户向下滚动（如在滚动收缩演示）。
I'm using a <md-subheader md-scroll-shrink> on my page, but it's not sticking to the top when the user scrolls down (like in the scroll shrink demo).
任何想法？也许我的布局导致的吗？
Any ideas? Maybe my layout is causing the problem?
<body>
<div>
<md-toolbar md-scroll-shrink>
<div>
<md-sidenav>
<md-content>
<section>
<md-subheader>
...
下面是一个 codePEN 。
推荐答案
是的，有在你的布局有问题。我已经做了重组的一点点。看到 HTTP：//$c$cpen.io/anon/pen/VabdzW
Yes, there is a problem in your layout. I have done a little bit of restructure. see http://codepen.io/anon/pen/VabdzW
<div ng-app="MyApp" layout="column" ng-controller="MainCtrl as main" ng-cloak layout-fill>
<md-content flex layout="column">
<md-toolbar flex="50">
...
</md-toolbar>
<div layout="row">
<md-sidenav layout="column" class="md-sidenav-left" md-component-id="left" md-is-locked-open="$mdMedia('gt-sm')" layout-padding md-whiteframe="4">
..
</md-sidenav>
<md-content layout="column" layout-padding flex>
..real content
</md-content>
</div>
</md-content>
</div>
这篇关于角材料MD-工具栏不坚持（MD-滚动收缩）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
