Куда девать блоки, которые не вмещаются?

Question

[Игорь]

Куда девать блоки, которые не вмещаются?



Задумка следующая.
Горизонтальное меню, в бок может продолжаться бесконечно (но это не точно)
Куда прятать блоки которые не помещаются?

Мои варианты:

• Меню загружается динамически по API (загружать, например по 10 элементов и не парится, Limit offset)
  

Каким есть ещё варианты?
В интернете нашёл массу примеров, но везде, замечу везде не более 5 элементов, не где не упоминается, что элементов может быть 100 - 200, что с ними то делать?

Очень важно, не каких jQuery
Но если есть готовые варианты Vue, это было бы замечательным решением.

Спасибо.

Comments

[Антон]

А вы не задавали вопрос, кому будет нужно такое меню прокручивать? Если меню недоступно полностью в прямой видимости, в пределах одного окна, то это уже полный крах UI

[Andrej Sharapov]

разбейте на группы с подменю, выводите при ховете и не парьтесь. Правда, это тоже такое себе решение.

[Игорь]

Варианты?

[Шохрух Шаймардонов]

Игорь Попрядухин, ну сделайте прокрутку. Как слайдер некий

[Игорь]

Andrej Sharapov, Каждый пункт уже имеет дочерние элементы



Дело в том, что корневых элементов достаточно много

[Игорь]

Игорь Попрядухин, Верхние элементы, это корневые пункты меню

[Игорь]

Шохрух Шаймардонов, В бок?

Я думаю, что это тоже так себе.
Кто будет крутить на 50 элементов в бок?

[Andrej Sharapov]

тогда просто сделайте бургер и меню сеткой на экран. нажимать на ссылки, ведущие на другие ссылки - это не комильфо.

[Игорь]

А что если сделать ещё одну всплывашку?

[Михаил Лялин]

более 5-7 пунктов никто никогда не будет использовать

[FeST1VaL]

Игорь Попрядухин, ну хз... зачем засовывать в меню это? почему не сделать отдельную страницу со списком всего этого? и возможно каким то поиском...

[Игорь]

Артем Будин, В том то и дело, что это не моя прихоть

[Александр Суханов]

1 вариант
Вертикальное меню, как на тостере слева.
Его крутить вниз хоть на 100, хоть на 200 пунктов
А все дочерние открывать правее, на странице.

2 вариант
Меленько писать все вверху, но не в 1 строку, а в 2, 3 или сколько потребуется.
Дочерние элементы в этом случае лучше открывать по клику.

3 вариант
Не делать данные подразделы (подробные, как у вас сейчас) в верхнем меню и сократить его сгруппировав.
Финансы, бизнес, реклама -- например, в Коммерцию
Экспертиза, страхование, юр. услуги - например, просто в услуги
и т.д.
А здоровую открывашку, что сейчас у вас на фото, это меню показывать только в соотв. разделе.

4 вариант
Не лепить всю карту сайту в верхнее меню.
Людям, которые пришли почитать про финансы, вряд-ли интересны автокондиционеры.
Шапочное меню можно отдать только финансам, а где то ниже уже сообщить что у нас еще есть авто и гос-во и т.д.

[Шохрух Шаймардонов]

Игорь Попрядухин, так поэтому и делайте вложенные блоки

Answer 1

[Дмитрий Hiuz]

Не уверен, что пользователь вашего сайта будет листать так много элементов, поэтому думаю, что стоит сделать либо поисковик, либо краткий словарь - мы видим только лишь буквы алфавита, но, кликая на одну из них, открываются все возможные варианты словосочетаний. Надеюсь, что такой вариант вам больше подойдет.