고정 된 높이를 사용하여 스크롤 할 때 여분의 공간

Question

필자는 요소가있는 래퍼를 가지고 있습니다. 상자보다 많은 요소가있을 때 스크롤하려고합니다. 그러나 마지막 단어 아래로 스크롤 할 때 많은 양의 초과 공간이 있습니다. 나는 이것이 고정 된 높이에 의한 것일 수 있다고 생각한다. 최대 높이와 ​​최소 높이를 사용해 보았지만 수정하지 않은 것 같습니다 Preview

Answer 1

아이콘을 두 번 종료했기 때문에 JSFiddle이 코드에서 질식했습니다. 내가 JSFiddle에서 잘 해결 이중 </i> 및 코드 제거 : 말했다와 https://jsfiddle.net/uwtcje0L/

을, 문제의 원인은 아주 쉽게 확인되었다, 당신은 div.communitieswrapper의 하단에 패딩의 400 픽셀을 가지고있다. 예와

.communitieswrapper{ 
    border: 2px solid #eeeeee; 
    border-radius: 7px; 
    padding-top:10px; 
    z-index: 1; 
    position: relative; 
    height: 450px; 
    overflow-y: scroll; 
    overflow-x: hidden; 
} 

바이올린 : 우리는 보는 것이 바람직 또한 jsfiddle에 포함 된 코드를 필요 https://jsfiddle.net/uwtcje0L/1/