Мне нужно скользящее горизонтальное меню, которое может скользить влево & В любом случае меню имеет больше предметов.Горизонтальное прокручивание/раздвижное меню для динамической ширины
Я установил пример на codepen с горизонтальным меню. Это меню в порядке, у меня есть 4 элемента, и если я добавляю 5-й или 6-й элемент, то другие пункты меню не видны.
Как добавить слайд влево или вправо, чтобы пользователь мог перемещаться вправо, чтобы видеть другие пункты меню. У нас есть аналогичное меню для приложений Android или IOS. Есть ли что-то подобное для версии HTML.
Как я могу обойти этот код, чтобы он работал.
HTML SOURCE
<div class="tab-nav-wrapper">
<ul>
<li class="one"><a href="#">MenuONE</a></li>
<li class="two"><a href="#">MTWO</a></li>
<li class="three"><a href="#">THREE</a></li>
<li class="four"><a href="#">FOUR</a></li>
<li class="five"><a href="#">MenuFIVE</a></li>
<hr />
</ul>
</div>
<div class="tab-content-wrapper">
<div class="tab1-c">
<p>This is ONE.</p>
</div>
<div class="tab2-c">
<p>This is TWO</p>
</div>
<div class="tab3-c">
<p>This is THREE</p>
</div>
<div class="tab4-c">
<p>This is FOUR</p>
</div>
<div>
Вы могли бы пойти на слайдер типа эффект. Карусель - это то, о чем я говорю не для изображений, а для ваших пунктов меню. – divy3993
Я попытался обернуть ul внутри другого div и дал это погружение overflow-x: прокрутить, но полоса прокрутки покажет. Я работал над этим, но не работал http://codepen.io/anon/pen/WwNqEo?editors= 1100 – Learning
@ divy3993, я тоже подумал об этом, но я не пробовал, так как мне нужно посмотреть, какой карусель использовать в этом случае. – Learning