2017-04-26 10 views
1

私は非常にシンプルなUIを持っています。SVG D3最大の高さでスクロール

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

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

それだけで、わずか数SVG項目を示しています。どのようにして同じ最大高さのコンテナ内のすべてのアイテムを表示できますか?

+0

ああ、私はデフォルトだった100%に高さを設定wanted..i何..私は、私はこの1との良好だと思うことをsee..yeah ..お気軽に – fireholster

+0

私はちょうど別のフィドルを作った。 –

答えて

1

パーセンテージ単位で高さを設定するのは正しいですか。ただし、ビューボックスには間違った名前が付けられています。viewBoxで、viewboxではありません。ここで

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

は、あなたの更新フィドルです:https://jsfiddle.net/ahafvqzw/

+1

ありがとう、私の他の質問にIEの問題を見ることができます。 http://stackoverflow.com/questions/43625690/d3-svg-issue-in-internet-explorer IEでフィドルを高さ '100%'で実行すると、問題が表示されます。しかし、私は私の場合に動作するresponsiveDivHeightと高さを置き換えるつもりです。 – fireholster

関連する問題