Jquery-ui kann nur vertikal verschoben werden

7

Also habe ich ein festes droppable div in der unteren rechten Ecke meines Bildschirms. Ich habe eine Liste von Draggables, die in den Papierkorb gezogen werden können (das feste Droppable), aber ich möchte nicht, dass die horizontale Scrollbar erscheint, wenn ich sie in die Nähe des Papierkorbs ziehe. Ich möchte nicht, dass die Ziehhilfen horizontal scrollen können. Es gibt weitere Drop-Felder weiter unten auf der Seite, in die sie eingefügt werden können, sodass sie vertikal scrollen müssen, um zu ihnen zu gelangen.

Hier ist eine jsfiddle des Problems.

Danke

    
Caleb Doucet 07.02.2012, 14:45
quelle

2 Antworten

9

Sie können die Option containment ( Dokument ) für die ziehbaren Elemente verwenden. Auf diese Weise können Sie ihre Bewegung in das BODY-Element einschränken:

%Vor%

DEMO

    
Didier Ghys 07.02.2012, 16:17
quelle
28

Um nur vertikales Ziehen zu erlauben, müssen Sie die Eigenschaft "Achse" des ziehbaren Objekts auf diese Weise festlegen:

%Vor%

Und wenn Sie bereits ein initialisiertes ziehbares Objekt haben, müssen Sie es so einstellen:

%Vor%     
Alejandro del Río 30.03.2012 00:30
quelle