SVG D3 최대 높이로 스크롤하기

저는 스크롤링 div 컨테이너에 max-height가 추가 된 매우 간단한 UI를 가지고 있습니다. SVG D3 최대 높이로 스크롤하기

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

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

는 단지 단지 몇 SVG 항목을 보이고있다. 동일한 최대 높이를 가진 컨테이너의 모든 항목을 어떻게 표시 할 수 있습니까?

출처

2017-04-26 fireholster

내가 기본이었다 100 %로 높이를 설정 wanted..i 어떤 오 나는 .. 나는이 하나의 좋은 생각 같아요 see..yeah 것을 .. 고마워요. – fireholster

방금 피날레를 만들었습니다. 나는 당신을 더 잘 고쳐줄 것이라고 믿습니다. 대답을 확인하십시오. –

백분율 단위로 높이를 설정하는 것이 맞습니다. 그러나보기 상자의 이름이 잘못되었습니다 : 이 아닌 viewBox입니다. 여기

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

입니다 업데이트 된 바이올린 : https://jsfiddle.net/ahafvqzw/

출처

2017-04-26 06:25:40

덕분에 지금 내 다른 질문에 IE에서 문제를 볼 수 있습니다. http://stackoverflow.com/questions/43625690/d3-svg-issue-in-internet-explorer 높이 '100 %'로 IE에서 바이올린을 실행하면 문제가 표시됩니다. 그러나 나는 나의 경우에 작동 할 responsiveDivHeight로 높이를 대체 할 것입니다. – fireholster

SVG D3 최대 높이로 스크롤하기

답변

관련 문제