Как сделать горизонтальное меню как в сервисах доставки еды?

Question

[danilaka25]

Вроде все просто, пример https://jsfiddle.net/uvtc4xky/20/

Но как заставить двигаться горизонтальный скрол , что бы активный пункт всегда был в поле зрения?

Comments

[mootz]

Как вариант - просто использовать слайдер (swiper, к примеру).

Answer 1

[Антон Шаманов]

если ты имеешь ввиду что-то вроде scrollspy? нужно определить положение активного li относительно контейнера ul (jQuery.position()) и сместить список влево: margin-left: -ul.position().leftpx;