Ich habe zwei Listen von Elementen und ich habe jQuery UI für beide sortiert. Ich habe die Option connectWith verwendet, um das Ziehen zwischen den beiden Listen zu ermöglichen.
Eine Liste enthält viele Elemente, also habe ich overflow-y: scroll hinzugefügt, aber wenn ich versuche, ein Element aus dieser Liste zu ziehen und es auf das andere zu ziehen, scrollt es nur die Liste, nicht die ganze Seite .
Ich habe eine jsFiddle Demo gemacht ( Ссылка ). Scrolle nach unten und versuche, Item Q (ziehe es an der grauen Leiste oben auf der Box) von der roten Liste in die grüne Liste zu ziehen. Sie sehen die roten Liste Scrolls, aber die Seite nicht. Wie kann ich die ganze Seite sowie die Liste scrollen?
Ich aktiviere nur sortable ohne viele Optionen:
Das ist in der Tat ein Konflikt mit scrollbarem Überlauf. Das ziehbare Helferelement ist in diesem Fall auf sein Elternelement beschränkt, wahrscheinlich, weil der Versuch, das Elternobjekt zu "verlassen", nur dazu führt, dass seine scrollbare Region vergrößert wird.
Eine Problemumgehung besteht darin, eine helper -Funktion zu übergeben, die das gezogene Element klont und unter dem Seitenrumpf retariert. Auf diese Weise befindet sich das ziehbare Helferelement von Anfang an außerhalb des ursprünglichen übergeordneten Elements und scrollt daher die gesamte Seite:
Sie werden eine aktualisierte Geige finden, die diese hier demonstriert.
Tags und Links javascript jquery jquery-ui