Ich versuche Paneele herzustellen, die ziehbar, größenveränderbar, zusammenklappbar, verschließbar sind und maximiert und minimiert werden können.
Ich möchte auch einen Bildlauf für den Portlet-Inhalt, wenn die Größenänderung den Inhalt überläuft.
Wenn ich overflow:auto einstelle, kommt der Scroll sogar, wenn der Inhalt nicht überläuft.
Sie können meinen Code und die Demo hier Panel-Code ansehen Jede Hilfe wird geschätzt. Vielen Dank im Voraus!
Ich habe gegraben und dieses Tutorial gefunden - Erstellen Sie eine Windows-ähnliche Oberfläche mit jQuery UI
Hier ist jsFiddle und der Code -
%Vor% Die Ursache für die Bildlaufleisten in Ihrem jsFiddle sind die ui-resizable-handle -Elemente.
Das Hinzufügen dieser CSS-Anweisungen sollte die Bildlaufleisten entfernen, bis sie benötigt werden, und scheint die Funktionalität des Ziehpunkts nicht zu beeinträchtigen
%Vor%Hier ist ein aktualisierter jsFiddle
Als beiseite. Obwohl sie sich besser zu verhalten scheinen, wenn Sie den jquery Stylesheet-Link entfernen, den Sie im jsFiddle-HTML-Bereich hatten, wird durch das Entfernen der Datei die Startposition geändert. Also habe ich es mit der Erwartung belassen, dass es in Ihrem tatsächlichen Code für Sie richtig funktioniert.