Bootstrap 4 горизонтальное переполнение навигационной панели

Я хотел бы настроить горизонтальную навигационную панель для прокрутки внутри страницы в стиле uber eats (https://www.ubereats.com/en-EN/new-york/food-delivery/zafis-luncheonette-les/-VDewOpIRMe4mh2tNVzVCw/, проверьте вторую навигационную панель, в которой вы можете перемещаться по различным категориям меню). Мне удалось создать панель навигации и установить шпионскую прокрутку, но я не знаю, как воспроизвести отзывчивое поведение: как скрыть категорию на панели навигации при ее переполнении и добавить ее в раскрывающийся список «Еще ...»?

Надеюсь, мой вопрос был достаточно ясным!

Спасибо за вашу помощь

Добро пожаловать в SO. Пожалуйста, совершите экскурсию по справочный центр, чтобы увидеть как задать хороший вопрос. Мы не сможем вам помочь, если вы не предоставите код - посмотрите, как создать минимальный воспроизводимый пример - ссылка на ваш сайт не считается - прочтите: Что-то на моем сайте не работает, могу я просто вставить ссылку на него?

Pete 24.07.2018 12:43
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
2
1
646
1

Ответы 1

То, что вы ищете, называется «Приоритетная навигация». Просто погуглите, есть много примеров и плагинов. например https://css-tricks.com/the-priority-navigation-pattern/ или http://gijsroge.github.io/priority-nav.js/

Другие вопросы по теме