單行導航溢出

我有一個網站，其中有一行導航項目。當我減少頁面寬度項目放到第二行。看到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

單行導航溢出

回答

相關問題