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