Есть ли готовое решение в виде слайдера для элементов, которые не вмещаются окно?

Question

[iBird Rose]

Наверно лучше сразу показать о чем речь, чтобы стало яснее. На словах вряд ли получится описать. Вот примеры:



В общем, к примеру, есть навбар горизонтальный (может быть и не навбар, а целый блок), и по дизайну при адаптиве он должен "резиново" уходить за экран в зависимости от размера. (по сути все работает как overflow-x: auto)

Всегда когда сталкиваюсь с таким - пытаюсь костылять либо slick-slider либо как раз обычный overflow-x: auto доводить до уровня слайдера. И вот если готовое решение подобного плана?

Comments

[WapSter]

slick

[Евгений]

Чем не нравится решение overflow-x: auto?

[iBird Rose]

Евгений, чтобы довести до ума - приходится использовать лишние скрипты и писать свои. к примеру в любом случае нужно будет подключить скрипт какого-нибудь custom scrollbar. дальше создавать тач эвенты на свайп, потом еще учесть, что активный пункт меню должен при загрузке страницы быть виден (скролл двигать на этот пункт) и т.д. на все ньюансы уходит много времени.

[Евгений]

iBird Rose, зачем custom scrollbar и свайп, если у вас меню будет такое только в моб версии, где свайп и так работает нативно и скролл свой. А чтобы был виден активный пункт меню достаточно написать пару строк кода

[iBird Rose]

Евгений, не только в мобильной. и на десктопе не должно уходить на 2 строки