Как сделать переполнение меню?

Question

[Insanus]

Есть меню в нём много ссылок. Как сделать если ссылка не входит то перенести её дальше и при нажатий на кнопку показывать не вошедшие ссылки

Comments

[Andrey Suha]

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

[Антон Усачев]

Начни с изучения русского языка. А там, глядишь, и ссылки подтянутся.

Answer 1

[Арсений Матыцин]

Что-то типа спойлера? Можно взять за принцип что-то типа такого и если речь о чем-то типа «схлопнуть на мобилке и показать все на пекарне», то прикрутить медиазапросы + видимость (свойство display).

Если же нужно считать в зависимости от разрешения + наличия\отсутствия элементов, то помочь может JS или расчет шаблонизатором от бэкенда (показать первые n элементов, а остальные под спойлер\табуляцию).

Да, если же речь о «пагинации» элементов, то смотреть надо в сторону табов и, возможно, в сторону JS фреймворков, которые помогут это реализовать без видимого геморроя. Но на ванилке такое, конечно, тоже можно без особых проблем сделать.

Comments

[Insanus]

а можете скинуть ссылку на такой пример (Если же нужно считать в зависимости от разрешения + наличия\отсутствия элементов, то помочь может JS или расчет шаблонизатором от бэкенда (показать первые n элементов, а остальные под спойлер\табуляцию)?

[Арсений Матыцин]

Insanus, боюсь нет. Варианты реализаций слишком вариативны, чтобы у меня в голове была конкретная отсылка.

Это может быть цикл for, while в том числе все их реализации на ЯП или шаблонизаторах, или это может быть цикл вывода двух списком элементов, где они будут лимитированы срезом (это термин). Это может быть список, который интегрируется в документ, или манипуляция уже существующими элементами.

Срез на JS выглядит так. Через него можно прогнать уже существующие DOM-элементы, так и массив при генерации оного (читай вставка).

PS: Под шаблонизаторами от бэкенда я имею в виду такие штуки, как Jinja, Pug, Blade и т.д.

[Insanus]

Арсений Матыцин, Но со ровно спасибо