Ich habe ein Drag & Drop-Problem.

Ich möchte immer das Element sehen, das gezogen wird, und ich möchte in der Lage sein, ein bestimmtes Div zu scrollen, um das Element in einer beliebigen Zelle meiner Tabelle abzulegen. Ich möchte auch in der Lage sein, Elemente von einem Div zu einem Div zu ziehen.

Dieses Beispiel funktioniert fast gut. Mein letztes Problem betrifft die ZellehoverClass Eigenschaft: Wenn ich ein Element aus dem "Container A" in der Nähe des Randes des "Container B" ziehe, habe ich ein Auto-Scroll-Verhalten implementiert, um in meiner Tabelle zu navigieren und Zellen zu erreichen. Nach der Scrollsimulation wird diehoverClass gilt nicht für die rechte Zelle. Das Element wird jedoch immer in die rechte Zelle verschoben.

https://jsfiddle.net/Bouillou/QvRjL/434/

Ist mein Ansatz korrekt?

BEARBEITEN

Ich habe eine Problemumgehung gefunden. Die Idee ist, den Elementklon während des Helferkonstruktions-Rückrufs an den scrollbaren Container anzuhängen und den Helfer dann nach 1 ms mit einer setTimeout-Funktion an den Body anzuhängen. Die Hilfsposition muss der Mausposition zugeordnet werden, um ein Versatzproblem zu vermeiden.

Hier ist meine endgültige Lösung:https://jsfiddle.net/Bouillou/QvRjL/434/

Ich bin mir sicher, dass es möglich ist, einen optimalen Weg zu finden.