@SpideR-KOSS

Как сделать пункт «Еще» в меню?

Как сделать чтобы при сворачивании окна пункты меню, которые не помещаются по ширине - складывались в пункт "Еще"?

Пример - https://www.svyaznoy.ru/
  • Вопрос задан
  • 853 просмотра
Пригласить эксперта
Ответы на вопрос 3
Если вы не обратили внимание, то эти пункты меню уже присутствуют там, только скрыты. Насколько я могу судить, то при уменьшении окна браузера, нам нужно считать ширину менюшки, потом определять какие из них не влезли и соответственно скрывать их (они просто добавляют класс _hidden), а в подменю удалять класс.
Скорее всего при определенной ширине просто скрывается блок с конца, вот и все. d511ec1296bf4474b97153d3c1a513e6.png
Ответ написан
KorniloFF
@KorniloFF Куратор тега JavaScript
Работаю по font-end / JS
Сделать скрытый блок с пунктами меню и показывать его по событию mouseover.

<li onmouseover="this.querySelector('ul').hidden=0;">Ещё</li>
<ul hidden>
	<li>Пункт скрытого блока</li>
	<li>И еще пункт</li>
</ul>
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы