Ich verwende jquery.viewport, um eine Ansichtsfensterfunktion zu erstellen: Ich benutze jquery ui, um einen Schieberegler zu erstellen, und eine eigene geschriebene Zoomfunktion, um das Bild zu vergrößern. Verwenden Sie dieses Plugin auch, um Ansichtsfensterfunktionen zu erstellen.
Das Problem ist, dass nach dem Zoomen des Bildes der ziehbare Bereich nur ein Teil des Inhalts ist. Das bedeutet, dass ich den Inhalt in einigen Bereichen nicht ziehen kann. Gibt es trotzdem das Problem zu beheben? Danke
Html:
%Vor%JavaScript
%Vor%css:
%Vor%Im Folgenden finden Sie eine Lösung basierend auf Ihrer Beschreibung des Problems. Ich habe das Problem etwas vereinfacht, aber das sollte Ihnen helfen, in die richtige Richtung zu weisen.
Auch wenn $('#view').viewport('update'); nicht funktioniert, geben Sie bitte den Browser und die Version an, die Sie verwenden.
Lösungsbeispiel: Ссылка
HTML
%Vor%CSS
%Vor%JQuery
%Vor% Sie können den Zoom-Handle-Punkt nicht in einem Browser festlegen. Sie können den Effekt jedoch nachahmen, indem Sie die Breite ändern und dann die Position left (oder negative left-margin bei Verwendung der relativen Positionierung) durch Subtrahieren der Hälfte ändern die hinzugefügte Breite.
Tags und Links javascript jquery css zoom