JscrollPane 항상 표시/아코디언 안쪽에 표시

Question

내 문제는 CSS overflow : auto가있는 콘텐츠 영역에도 불구하고 JScrollPane이 항상 표시된다는 것입니다. 항목이 하나라도 세로 스크롤 막대는 항상 표시됩니다.

이제 아코디언 안에 JScrollPane이 있습니다. 아코디언 컨텐츠는 .Net에 의해 동적으로 생성됩니다. 모든 업데이트 후 JscrollPane을 다시 바인딩하고 설정을

렌더링 된 HTML입니다.

<div class="accordion-content jspScrollable" style="overflow: hidden; padding: 0px; width: 182px; display: block;" tabindex="0"> 
    <div class="jspContainer" style="width: 182px; height: 62px;"> 
    <div class="jspPane" style="padding: 4px 0px 5px 2px; width: 168px; top: 0px;"> 
     <div class="cb-row"> 
     <input type="checkbox" value="Cosco" name="retailer" id="Cosco-0"> 
     <label style="padding:0 0 0 4px; vertical-align:middle" for="Cosco-0">Item A:</label> 
     <span class="cb-result">2</span></div> 
     <div class="cb-row"> 
     <input type="checkbox" value="Kroger" name="retailer" id="Kroger-1"> 
     <label style="padding:0 0 0 4px; vertical-align:middle" for="Kroger-1">Item B:</label> 
     <span class="cb-result">2</span></div> 
     <div class="cb-row"> 
     <input type="checkbox" value="Pet Specialty" name="retailer" id="Pet Specialty-2"> 
     <label style="padding:0 0 0 4px; vertical-align:middle" for="Pet Specialty-2">Item C:</label> 
     <span class="cb-result">1</span></div> 
    </div> 
    <div class="jspVerticalBar"> 
     <div class="jspCap jspCapTop"></div> 
     <div class="jspTrack" style="height: 62px;"> 
     <div class="jspDrag" style="height: 55px; top: 0px;"> 
      <div class="jspDragTop"></div> 
      <div class="jspDragBottom"></div> 
     </div> 
     </div> 
     <div class="jspCap jspCapBottom"></div> 
    </div> 
    </div> 
</div> 

그래서, 나는 스타일 = "오버 플로우의 원인이 무엇 아무 생각이 없다 :. 아코디언 컨텐츠에 ... 숨겨져을 그것은 필요한 경우 스크롤 막대가 표시됩니다 있도록 자동해야한다고 저를 친다 그러나. 나는이 인라인 스타일을 추가하고 있지 않다합니까 JSP이 추가 내가 방화범의 CSS를 볼 때

은 내 오버 플로우 있음을 보여줍니다.?. 자동차 밖으로 교차

또 다른 아이디어 것은 그 하단의 여백 콘텐츠 영역이 JSP에서 무언가를 트리거하려고합니다.

JSP에서 높이를 정의하고 싶지만 내용이 동적이기 때문에 항상 높이를 설정할 수있는 것은 아닙니다.

Answer 1

분명히 높이가 콘텐츠 영역에 필요합니다. JQ를 사용하여 동적으로 높이를 계산 한 다음이를 각 컨텐츠 영역에 적용해야했습니다.