Мне нравится показывать все скрытые элементы списка в раскрывающемся списке. Это должно быть динамически, исходя из того, сколько опций может поместиться в окне.Показать скрытые элементы списка в выпадающем списке
Как это можно сделать, или кто-нибудь знает плагин для этого?
.navigation--list{
width: 500px;
height: 50px;
overflow: hidden;
overflow-x: scroll;
white-space: nowrap;
}
.navigation--list li{
display: inline-block;
margin-right: 25px;
}
#more{
display: none;
}
<ul class="navigation--list">
<li>option 1</li>
<li>option 2</li>
<li>option 3</li>
<li>option 4</li>
<li>option 5</li>
<li>option 6</li>
<li>option 7</li>
<li>option 8</li>
<li>option 9</li>
<li id="more">show more</li>
</ul>
Вы имеете в виду вы хотите, чтобы это произошло динамически в зависимости от того, сколько вариантов может поместиться в окне? Или вы статически определяете, какие параметры должны быть скрыты и существуют в раскрывающемся списке? – showdev
Он должен быть динамически, исходя из того, сколько опций может поместиться в окне. –
Возможный дубликат [добавление дополнительной кнопки для списка в отзывчивой навигации] (http://stackoverflow.com/questions/27449543/adding-more-button-for-list-in-responsive-navigation) – showdev