alex-lenk
@alex-lenk
Разработчик сайтов

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

Вот так меню сверстал:
c4057905625e4a5fac4242a3a8973399.jpg
при сжатии окна браузера один пункт за другим пропадают и появляются стрелки, а так же присутствует счетчик вот как задумывалось:
655e85939ff74832a0c7219c9f4d1217.jpg

Вот состояние если немного пролистать:

e637f525fab54bb6874cee8154914489.jpg

А вот состояние если до конца про листать:
90a06bb601874662aaaa01de8a9394dc.jpg

Подскажите способ или лучше пример где что-то похожее есть, буду рад любой помощи и информации.
  • Вопрос задан
  • 533 просмотра
Решения вопроса 1
overflow hidden
после двигаем блок, вправо или влево
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
VeroLom
@VeroLom
Веб-разработчик, фрилансер, UMI.CMS
В чём конкретно заключается сложность?

Как вариант - можно посмотреть исходник какой-нибудь карусели или урок по её созданию. Обычно используется viewport (видимый блок с overflow: hidden), в котором находится блок с элементами (фото, пункт меню и т.д.). При "движении" у внутреннего блока меняется горизонтальная позиция (с помощью left или margin).
Ответ написан
Ваш ответ на вопрос

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

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