Ich löse dieses Problem und ich weiß nicht, was ich tun soll.
Situation: Ich habe ziehbare Elemente am Anfang der Seite und einige sortierbare Halter im iframe. Wenn ich versuche, Element nach iframe zu ziehen, funktioniert es gut. Aber wenn iframe nach unten gescrollt wird und ich ziehbares Element ziehe, verbindet es sich mit dem ersten sortierbaren Halter in iframe, nicht mit dem sortierbaren Halter, der sich derzeit oben im sichtbaren Teil von iframe befindet.
js Geige mit komplettem Code: Ссылка
Bildschirmvideo : Ссылка
Sehen Sie sich das Video an und Sie werden ein Problem in Aktion sehen.
%Vor% Das Video wurde gelöscht, also verstehe ich Ihr Problem nicht vollständig.
Aber wie ich sehe, verbindet sich Ihr .drag -Element nur mit dem oberen Ende des Containers und scrollt es. Wenn Sie das Scrollen von ziehbaren und sortierbaren Objekten deaktivieren oder die Empfindlichkeit verringern, ist das Problem verschwunden.
Sie können das ziehbare Element auch an einer anderen Position platzieren (links oder rechts vom Container).
Aktualisieren
Ok, ich habe diesen Weg gefunden, um Ihr Problem zu lösen. Es ist nicht so schön, aber es funktioniert, wenn das Scrollen deaktiviert ist.
%Vor%Update 2
Für die zentrierte Ausrichtung des Cursors muss die Höhe von oben bis zum iframe hinzugefügt werden. 60px in unserem Fall
%Vor%Es scheint keine Möglichkeit zu geben, eine funktionierende Lösung dafür zu finden, also ist es vielleicht eine Option für Sie, stattdessen HTML 5 per Drag & Drop zu verwenden. Z.B. Ссылка . Da ich das gleiche Problem habe, werde ich wahrscheinlich in diese Richtung gehen.
Bearbeiten: Es gibt eine erweiterte Bibliothek. Siehe diese Antwort: Offset Probleme mit jQuery Dragbar in ein iFrame-basiertes Sortable
Tags und Links jquery iframe drag-and-drop jquery-ui-sortable offset