@AGIFON

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

Я начинающий фронтендер и мне нужна помощь в реализации того, что на картинке. Понятия не имею как сделать. Нужно чтобы на slidebar'e было 24 часа, на нём был див маршрута, как на картинке. Но самое главное он должен перетаскиваться мышкой по оси У. Т.е. с одного slidebar можно перетащить на второй, но без сдвигов по оси Х. Как это реализовать? Может это уже сделано и я не могу найти. В общем, помогите, уже неделю мучаюсь. Спасибо.5b4ce37edc578214544868.jpeg
  • Вопрос задан
  • 102 просмотра
Пригласить эксперта
Ответы на вопрос 1
Vlad_IT
@Vlad_IT Куратор тега CSS
Front-end разработчик
неделю мучаюсь.

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

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

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