单行导航溢出

我有一个网站，其中有一行导航项目。当我减少页面宽度项目放到第二行。看到BBC非常聪明的解决方案，当页面太窄而无法容纳所有列表项目时，会产生“更多”下拉菜单，所以我想知道是否有人遇到过jQuery的教程或插件，它也会这样做吗？单行导航溢出

编辑

例子：`

<nav> 
    <ul> 
     <li><a href="">Lorem ipsum.</a></li> 
     <li><a href="">Reprehenderit, similique.</a></li> 
     <li><a href="">Est, nobis.</a></li> 
     <li><a href="">Incidunt, sequi.</a></li> 
     <li><a href="">Nulla, ducimus.</a></li> 
     <li><a href="">Nulla, nobis.</a></li> 
     <li><a href="">Deserunt, aspernatur?</a></li> 
     <li><a href="">Minima, tempore.</a></li> 
    </ul> 
</nav>`

当页面开始变得狭窄我在寻找：`

<nav> 
    <ul> 
     <li><a href="">Lorem ipsum.</a></li> 
     <li><a href="">Reprehenderit, similique.</a></li> 
     <li><a href="">Est, nobis.</a></li> 
     <li><a href="">Incidunt, sequi.</a></li> 
     <li><a href="">Nulla, ducimus.</a></li> 
     <li><a href="">Nulla, nobis.</a></li> 
     <li><a href="#">More</a> 
      <ul> 
       <li><a href="">Deserunt, aspernatur?</a></li> 
       <li><a href="">Minima, tempore.</a></li> 
      </ul> 
     </li> 
    </ul> 
</nav>

` 即。任何比外部更宽的东西都会被移动到'更多'中，这可以作为下拉菜单的样式。

谢谢。

Jamie

来源

2014-03-29 Jamie

CSS @media查询，也许有点jquery是你所需要的。如果不先给你一些代码样本，就不能给你一个可行的解决方案。

来源

2014-03-30 00:00:25 Mark

我想把它放在CSS之外作为它的一个WordPress主题，并且需要相对易用，因此不使用'@ media'。 – Jamie

你为什么要保持css的东西？你还计划如何做这件事？ – Mark

你知道媒体查询是什么吗？他们很漂亮，他们实际上是灵活的...... – Mark

您可以使用响应式设计和媒体查询。首先，您可能有兴趣使用一些css框架，如Bootstrap或类似。

来源

2014-03-30 00:03:15

单行导航溢出

回答

相关问题