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

Question

[SpideR-KOSS]

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

Пример - https://www.svyaznoy.ru/

Answer 1

[Руслан Полин]

Если вы не обратили внимание, то эти пункты меню уже присутствуют там, только скрыты. Насколько я могу судить, то при уменьшении окна браузера, нам нужно считать ширину менюшки, потом определять какие из них не влезли и соответственно скрывать их (они просто добавляют класс _hidden), а в подменю удалять класс.
Скорее всего при определенной ширине просто скрывается блок с конца, вот и все.

Answer 2

[Abdula Magomedov]

Я этим плагином пользуюсь:
https://github.com/352Media/flexMenu

Answer 3

[Павел Корнилов]

Сделать скрытый блок с пунктами меню и показывать его по событию mouseover.

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