Реализовать Slidebar с перетаскиванием?

Question

[AGIFON]

Я начинающий фронтендер и мне нужна помощь в реализации того, что на картинке. Понятия не имею как сделать. Нужно чтобы на slidebar'e было 24 часа, на нём был див маршрута, как на картинке. Но самое главное он должен перетаскиваться мышкой по оси У. Т.е. с одного slidebar можно перетащить на второй, но без сдвигов по оси Х. Как это реализовать? Может это уже сделано и я не могу найти. В общем, помогите, уже неделю мучаюсь. Спасибо.

Answer 1

[Владимир Проскурин]

неделю мучаюсь.

Скиньте наработки. За вас никто не делать не будет.
А какие проблемы? Делаете переменную "таскается", которая по умолчанию равна false. На mousedown делаете ее true, на mouseup обратно false. На mousemove делаете проверку, если "таскается" равна true, то высчитываем координату X мыши, и двигаем блок на эту координату. Еще можно высчитывать координату мыши относительно двигающегося блока, чтобы можно было хватать за любое место.
Для перетаскивания учите drag&drop события.

Comments

[AGIFON]

Да, взгляните.
https://dropmefiles.com/BZEe0