大家好,我正在处理 html 和 javascript,这是我的代码
<div class = "outer">
<div class = "inner1 width="234" height="400" style="float: left">
<svg width="100" height="400" style="float: left;">
// some thing
</svg>
</div>
<div class = "inner2" width="234" height="400" style="float: left overflow : scroll">
<svg width="200" height="400" style="float: left;">
<g class="c1" transform="translate(0,20)">
<g>
<text class="c1_name"></text>
<text class="c1_value"></text>
</g>
<g>
<text class="c2_name"></text>
<text class="c2_vaue"></text>
</g>
<g>
<text class="c3_name"></text>
<text class="c3_value"></text>
</g>
.
.
.
// g added dynamically below the previous one
</g>
</svg>
</div>
</div>
在这里,我想让我的 div inner2 可滚动,以便在添加新的 g 并且 div 的大小变小以包含所有 g 时变得可滚动。 我出现了滚动条,但是当我的新元素出现时它们也被禁用但我看不到它。任何人都可以指导我哪里错了以及如何更正此问题
顺便说一下,我正在使用转换属性定位我
谢谢
最佳答案
如果你想只在需要时显示滚动条,你需要使用overflow:auto;
。
关于javascript - svg :g is added时如何在div中添加滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11338513/