当溢出不起作用时如何向 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中文网其他相关文章！