부분이

Question

나는 소스에서 http://jsfiddle.net/alexjamesbrown/oqu54cav

에서 바이올린을 만들었습니다

와 이상한 문제에 봉착 크기를 조정, 라인 (153)에 <li> 요소가 있음 '이것이 가시적이어야합니다'라고 말합니다.
그러나 처음 실행하면 스크롤 창에 표시되지 않습니다. 나는 창, 심지어 작은 비트 크기를 조정할 경우,이 원인을

내가보고 사투를 벌인거야를) 예상대로

이 항목의 나머지 부분을 볼 수 있으며, b)는 왜 크기 조정 자체를 수정 ?

Answer 1

prettycheckable을 해제하면 문제가 발생하지 않음을 알 수 있습니다. 스크롤바 플러그인은 의 높이를 읽으므로 전에 체크 상자가 prettycheckable 플러그인에 의해 더 크게 만들어지기 때문에 이러한 현상이 발생했다고 생각합니다. 그래서 div의 높이가 설정되고, 스크롤바가 생성되고, 다른 플러그인으로 체크 박스가 확대됩니다.

지금 바로 생성 된 요소의 높이를 지정합니다. 그것들은 자바 스크립트가 평가 한 후에 만 ​​작동합니다. 이 문제를 해결하려면 실제 HTML에서 요소의 스타일을 지정해야합니다. 체크 박스는 "prettyfied"그리고 그들은이 생성 될 때 다음, 그들이 어떤 큰 해당 요소를하지 않는 전에이

.overview li { 
    height: 2.5em; 
} 

.overview li 때문에 예를 들어,이 문제를 해결합니다.