Question

我试图将滚动条添加到包含我的svg的div

<div id="d3div" style="height: 70%;
    overflow: scroll;
    position: absolute;
    width: 50%;">


var svg = d3.select("#d3div").append("svg")
         .attr("width", '100%')
         .attr("height", '100%')
        .append("g")
         .attr("transform", "translate(" + margin.left + "," + margin.top + ")");

根据理论，svg尺寸应该大于div，所以我在这里做。我不想指定像素的svg尺寸..但如果我给上面的div dosent显示任何滚动条..请帮助

Answer 1

您需要为“＃d3Div”中的SVG添加overflow:auto

只需创建一个班级.d3

.d3{
  height:70%; overflow:hidden;
}

.d3 svg{
  height:100%; overflow:auto;
}
   <div id="d3div" class="d3"></div>

这是获得你的副本的方法。

JUST CHECK THIS FIDDLE TOO

无法将滚动条添加到svg

1 个答案: