Задать вопрос
@alexfrolov_xcx
html

Как реализовать данный элемент?

Всем доброго дня) У Яндекса в мобильной версии браузера имеется вот такое меню(как на картинке ниже)... оно скролится влево вправо... как реализовать это с помощью css или без js здесь не обойтись? и второй вопрос можно ли использовать эту задумку для карусели изображений ? новечёк в вёрстке, поэтому сильно не ругайте)) Спасибо! 59e86353dad70730194540.jpeg
  • Вопрос задан
  • 112 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
webirus
@webirus
Тыжверстальщик! Наверстай мне упущенное...
https://jsfiddle.net/webirus/772jqj2v/

1) Саму полосу прокрутки можно кастомизировать с помощью скриптов.
2) На мобилках скролл будет работать пальцем, при прокрутке блока.
3) Если нужна прокрутка колесом мыши, используем JS.

Что касается карусели картинок.
Любой слайдер уже имеет подобный функционал, slick или lightslider.
Поэтому изобретать велосипед не имеет смысла.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
4mobile
@4mobile
WEB developer
Сделайте у контейнера меню overflow: auto
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Подключить сервер к сети
27 апр. 2024, в 02:39
2500 руб./за проект
Необходимо сверстать приложение согласно макету Figma используя React
26 апр. 2024, в 22:22
1500 руб./за проект
Написать модуль подключения матрицы Sony к ПЛИС (Verilog)
26 апр. 2024, в 21:30
15000 руб./за проект
Ещё заказы