Madeas
@Madeas
UI / UX Designer, Frontend Developer

Как настроить Drag & Drop?

Привет всем!
Нужна ваша помощь.
Хочу сделать несколько блоков, свободно перемещающихся по контейнеру при помощи dnd, но возникли проблемы, которые я сам не могу решить:

1. Нужно, чтобы блоки не могли выйти за пределы основного контейнера. Т.е. дойдя до края, они прилипали к нему и дальше не двигались.
2. Чтобы блоки позиционировались изначально там, где я их поставлю или хотя бы принимали значение родителя, например, position: relative
Важно, чтобы блоки можно было свободно перемещать по всей области, а не вставали в конкретные места.

Песочница https://jsfiddle.net/jc9x5ark/5/
  • Вопрос задан
  • 158 просмотров
Решения вопроса 1
coderisimo
@coderisimo Куратор тега JavaScript
Я в подобных случаях использовал jQ UI
посмотрите - jqueryui.com/draggable/#constrain-movement
и
jqueryui.com/draggable/#snap-to
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
Это должно помочь: jsfiddle
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы