Stepashka20
@Stepashka20
(☞゚ヮ゚)☞

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

Есть сетка их элементов. 2 из них можно перетаскивать на различные ячейки сетки. Перетаскивание реализовано для телефона, но работает оно не очень корректно.Когда я хватаю элемент за разные места,то он мгновенно перемещается лишь к одному углу,и за этот угол я его и перемещаю.Но правильно было бы,если бы элемент перемещался именно за то место,за которое я его схватил.
Z7xgL.png
d0Xov.png
Код на CodePen: https://codepen.io/stepashka20/pen/mdmKeoq

Скорее всего надо исправить условие:
drag.style.top = `${touch.pageY - (wrapper.offsetTop) - (drag.offsetWidth /2)}px`;
drag.style.left = `${touch.pageX - (wrapper.offsetLeft) - (drag.offsetHeight /2)}px`;

Но не могу понять,как правильно написать выражение,используя координаты
  • Вопрос задан
  • 54 просмотра
Пригласить эксперта
Ответы на вопрос 2
PhoenixX33i
@PhoenixX33i
Как вариант, можно попробовать использовать эту библиотеку.
Ответ написан
@robprane
Для того, чтобы пертаскивать объекты за ту координату, где они были взяты, надо эту координату сначала получить в touchstart.

И еще у вас перепутаны местами drag.offsetWidth и drag.offsetHeight.
Ответ написан
Ваш ответ на вопрос

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

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