Wie füge ich Bildlaufleisten zu einem SVG-Element hinzu, wenn der Überlauf nicht funktioniert?

Überwindung des Fehlens von Bildlaufleisten in SVG-Elementen

Ihre Anfrage bezieht sich auf das Hinzufügen von Bildlaufleisten zu einem SVG-Element, das mehrere Inhaltselemente enthält und über eine verfügt Viewbox-Attribut. Obwohl das Überlaufattribut sowohl zum SVG-Element als auch zum umgebenden Div hinzugefügt wurde, fehlen Bildlaufleisten.

Lösung:

Die Lösung besteht darin, das SVG-Element größer als das zu machen div-Container. Diese Anpassung ermöglicht es dem Div, den Überlauf zu verwalten und Bildlaufleisten zu implementieren.

Hier ist ein Beispiel aus einem jsfiddle:

<code class="css">div#container {
  height: 400px;
  width: 400px;
  border:2px solid #000;
  overflow: scroll;
}
svg#sky {
  height: 100px;
  width: 1100px;
  border:1px dotted #ccc;
  background-color: #ccc;
}</code>

Durch Ändern der SVG-Abmessungen so, dass sie die des Divs überschreiten, gibt es keinen Überlauf nicht mehr im SVG enthalten. Stattdessen erstreckt es sich über den Container hinaus und ermöglicht die Übernahme der Scroll-Funktionalität des Div.

Das obige ist der detaillierte Inhalt vonWie füge ich Bildlaufleisten zu einem SVG-Element hinzu, wenn der Überlauf nicht funktioniert?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!