SVG D3滚动最大高度

我有一个非常简单的ui，在一个带有max-height的滚动div容器上添加了一堆rect。

https://jsfiddle.net/bikrantsharma/eqnnd84v/

.legend-main-div { padding: 2%; height: 150px; overflow-y: scroll; border: 1px solid blue; } 

它只展示了几个svg项目。 如何以最大高度显示容器中的所有物品？

Answer 1

使用百分比单位设置高度是正确的。 但是，视图框的名称错误：它是viewBox ，而不是viewbox 。

 .attr('viewBox', '0 0 500 ' + responsiveDivHeight + '') 

这是您更新的小提琴： https ： //jsfiddle.net/ahafvqzw/