Material design Lite -导航锁就位
Material design Lite -导航锁就位
提问于 2016-04-30 01:45:15
<div class="mdl-layout__drawer">
<span class="mdl-layout-title">SITE NAME</span>
<nav class="mdl-navigation">
<a class="mdl-navigation__link" href="">Link</a>
<a class="mdl-navigation__link" href="">Link</a>
<a class="mdl-navigation__link" href="">Link</a>
<a class="mdl-navigation__link" href="">Link</a>
</nav>
</div>嗨，我正在试图弄清楚我如何让这个菜单总是(除非移动)锁定在用户视图内，并调整站点网格的大小。但是一步一步地，我该如何锁定它(这样用户就不能关闭或打开)
回答 1
Stack Overflow用户
发布于 2016-04-30 02:44:04
请检查以下代码。固定抽屉的口述应该在抽屉上方的div类中。它是从MDL页面，https://getmdl.io/components/index.html#layout-section/layout和看看固定标题下，也有一个代码笔可用。
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-drawer">
<div class="mdl-layout__drawer">
<span class="mdl-layout-title">Title</span>
<nav class="mdl-navigation">
<a class="mdl-navigation__link" href="">Link</a>
<a class="mdl-navigation__link" href="">Link</a>
<a class="mdl-navigation__link" href="">Link</a>
<a class="mdl-navigation__link" href="">Link</a>
</nav>
</div>
<main class="mdl-layout__content">
<div class="page-content">
<!-- Your content goes here -->
</div>
</main>
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36944520
复制相关文章
相似问题
腾讯云开发者
