文章/答案/技术大牛

发布

社区首页 >问答首页 >mdl-materialdesignlite-抽屉菜单不工作？

问mdl-materialdesignlite-抽屉菜单不工作？
EN

Stack Overflow用户

提问于 2017-03-13 14:40:32

回答 1查看 330关注 0票数 1

 <div class="mdl-layout--large-screen-only mdl-layout__tab-bar mdl-js-    
 ripple-effect mdl-color--primary-dark ">          
  <a href="#Aboutus" class="mdl-layout__tab is-active">Aboutus</a>
  <a href="#Technology" class="mdl-layout__tab">Technology</a>
  <a href="#Outsource" class="mdl-layout__tab">Outsourcing</a>
   <a href="#Training" class="mdl-layout__tab">Training</a>
   <a href="#Techblog" class="mdl-layout__tab">Techblog</a>
  <a href="#Careers" class="mdl-layout__tab">Careers</a>
  <a href="#Contactus" class="mdl-layout__tab">Contactus</a>
  <button class="mdl-button mdl-js-button mdl-button--fab mdl-js-
    ripple-effect mdl-button--colored mdl-shadow--4dp mdl-color--  
    accent" id="add"> 
   <i class="material-icons" role="presentation">add</i>
    <span class="visuallyhidden">Add</span>
   </button>
   </div>        
   </header>
  <div class="mdl-layout__drawer">
   <span class="mdl-layout-title">MaterialDesignLite</span>
   <nav class="mdl-navigation">
   <a href="#Aboutus" class="mdl-navigation__link">Overview</a>
  <a href="#Training" class="mdl-navigation__link">Features</a>
  <a href="#features" class="mdl-navigation__link">Details</a>
  <a href="#features" class="mdl-navigation__link">Technology</a>
  <a href="#features" class="mdl-navigation__link">FAQ</a>
  </nav>
 </div>

问: mdl-layout__tab-bar标签与节id(example:#Aboutus，#技术)同步，其中mdl-drawer需要为每个内容单独的.html文件，它不与节id (example:#Aboutus，#技术)一起工作，这是任何可能的方式来实现它，而是创建单独的html文件。谢谢

android

html

css

material-design-lite

drawer

回答 1

Stack Overflow用户

发布于 2017-03-13 16:15:16

<div class="mdl-layout__tab-panelmdl-layout__drawer" id="Techblog">
<section>
<div>
<div>
<div class="techblogimage">
<img class="article-image" src="images/techblog/3.png" border="0" alt="">
</div> 
</div>
</div>
</section>     
</div>

最后我得到了一个解决方案..在sectionblock中添加mdl-layout__drawer这将帮助少数陷入其中的人..

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/42757811

复制

相似问题

问mdl-materialdesignlite-抽屉菜单不工作？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问mdl-materialdesignlite-抽屉菜单不工作？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问mdl-materialdesignlite-抽屉菜单不工作？
EN