我正在使用一个<md-subheader md-scroll-shrink>
在我的页面上,但当用户向下滚动时它不会粘在顶部(就像在滚动缩小演示 https://material.angularjs.org/latest/demo/toolbar).
有任何想法吗?也许我的布局导致了问题?
<body>
<div>
<md-toolbar md-scroll-shrink>
<div>
<md-sidenav>
<md-content>
<section>
<md-subheader>
...
这里有一个codepen http://codepen.io/lebolo/pen/KzmZbB.
是的,你的布局有问题。我做了一些重组。看http://codepen.io/anon/pen/VabdzW 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>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)