克服 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中文网其他相关文章!