當溢出不起作用時如何向 SVG 元素添加捲軸？

克服SVG 元素中缺少滾動條的問題

您的查詢涉及將滾動條添加到包含多個內容項並具有視圖框屬性。儘管 SVG 元素和包圍的 div 新增了 Overflow 屬性，但捲軸仍然不存在。

解：

解在於讓 SVG 元素大於div 容器。此調整允許 div 管理溢出並實現捲軸。

這是來自 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>

透過修改 SVG 的尺寸以超過 div 的尺寸，溢出就不會發生不再包含在 SVG 中。相反，它延伸到容器之外，允許 div 的滾動功能接管。

以上是當溢出不起作用時如何向 SVG 元素添加捲軸？的詳細內容。更多資訊請關注PHP中文網其他相關文章！