Можно ли ограничить перетаскивание изображения-призрака границами в HTML5 drag and drop API?

#javascript #html #drag-and-drop

#javascript #HTML #перетаскивание

Вопрос:

Когда перетаскиваемый элемент перетаскивается в прокручиваемый div. Я хочу ограничить изображение-призрак границами прокручиваемого div. В настоящее время, когда я выхожу за границы, это не прокрутка, что является очень плохим опытом.

Мне нужен аналогичный эффект в API перетаскивания HTML5. https://jqueryui.com/draggable

Комментарии:

1. Какой код у вас уже есть?

2. К сожалению, я не написал никакого кода для позиционирования изображения-призрака. Но у меня есть этот перетаскиваемый элемент. Мне нужно ограничить изображение-призрак в родительском поле с границами. codesandbox.io/s/drag-drop-kz05n?file=/src/index.js:671-675 Я не уверен, возможно ли это. Я планирую реализовать перетаскивание с помощью событий мыши, если API перетаскивания не обеспечивает такой гибкости.

3. Я действительно не вижу способа реализовать это с помощью drag and drop API

4. Я вижу! По крайней мере, могу ли я заставить его прокручиваться, как только оно пересекает границы?

5. Я говорил об этом эффекте codesandbox.io/s/floral-snowflake-zubw8 Как только мы пересекаем границы, он продолжает прокручиваться