html – 在div中滚动svg

概述我有一个简单的用例.我有一个外部div和一个svg.喜欢, <div> <svg> ... ... </svg></div> 我试图让svg在div内滚动,但没有任何运气:(我尝试设置： div { position: relative; width: 100%; overflow: scroll;}svg { width: 100%;} 但它 我有一个简单的用例.我有一个外部div和一个svg.喜欢,

<div>  <svg>     ...     ...  </svg></div>

我试图让svg在div内滚动,但没有任何运气:(我尝试设置：

div {  position: relative;  wIDth: 100%;  overflow: scroll;}svg {  wIDth: 100%;}

但它不起作用,你们可以帮帮我吗？谢谢您的帮助！

解决方法 你必须定义容器高度,否则容器高度将调整到svg高度.

HTML：

<div>    <svg vIEwBox="0 0 400 400">        <path d="M 200 100 l 100 200 l -200 0 Z" stroke-wIDth="5" stroke="red"></path>    </svg></div>

CSS：

div {  position: relative;  wIDth: 100%;  height: 400px;  overflow-y: scroll;}

见https://jsfiddle.net/Lvnozzn2/1/

总结

以上是内存溢出为你收集整理的html – 在div中滚动svg全部内容，希望文章能够帮你解决html – 在div中滚动svg所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。