Probleme mit der y-scrollbaren Spalte mit dem Beispiel einer JQuery UI Sortable Connect List

8

Was ich versuche zu tun: Ich versuche ein Drag-Drop-Sort-Raster zu erstellen. Es folgte das gleiche Beispiel wie in JQuery UI Sortable Connect Lists.

Ссылка

Mein Code Beispiel: Meine Version des obigen Beispiels ist wie folgt JSFiddle,

Ссылка

JS-Code

%Vor%

CSS

%Vor%

HTML

%Vor%

Wie Sie sehen, gibt es keinen großen Unterschied zwischen meinem Code und jquery ui Beispiel.

Mein Problem: Nun, mein Problem ist, wenn ich Artikel 1 aus Spalte 1 ziehe und versuche, zwischen Punkt M und Punkt N in Spalte 2 zu springen (die offensichtlich unter dem Scroller verborgen sind). , Ich brauchte den Scroller der Spalte 2, um aktiviert zu werden und Scrollen zu beginnen. Es scrollt vielmehr die Spalte 1.

Jede Hilfe wäre sehr willkommen.

Vielen Dank,

Karthik

    
Karthik 12.05.2015, 14:29
quelle

2 Antworten

7

Sie können die Eigenschaft scrollParent der bildlauffähigen Instanz als Ziel festlegen und sie im Ereignis over ändern. Dies wird in jquery-ui verwendet, um das Scrollen zu berechnen. Es sollte wahrscheinlich Standardverhalten sein, aber aus irgendeinem Grund sieht es nicht so aus.

Sehen Sie sich dieses Beispiel an:

%Vor% %Vor% %Vor%
    
Julien Grégoire 28.05.2015, 15:34
quelle
1

Sie müssen einen Helfer wie folgt in die andere Liste verschieben:

Ссылка

%Vor%     
Jamie Barker 28.05.2015 15:51
quelle