2011-07-06 1 views
0

JScrollPane을 사용하여 스크롤 막대의 스타일을 지정하고 있습니다. 그러나, 나는 아약스를 통해 콘텐츠를로드해야합니다.JScrollPane 동적 조정 문제

발견 된 내용 JSrollpane은 내용이 높이를 초과하면 자동으로 스크롤 막대를 추가하지 않습니다.

누구나이 문제에 대한 해결 방법을 제안 할 수 있습니까?

두 가지 예가 있습니다. 테스트 블록 # 1은 JScrollPane을 사용하고 테스트 블록 # 2는 기본 스크롤 막대를 사용합니다.

두 테스트 케이스 모두 빨간색 상자를 클릭하면 샘플 컨텐츠가 응답으로 추가됩니다. 자동으로 기본 스크롤 막대가 조정되지만 내용이 추가 되더라도 jscrollpane은 조정되지 않습니다. 할 때마다 내용이 요소에로드 원하는 요소에 JScrollPane의() 함수를 호출 - 관심 누군가에게

답변

0

...

이 솔루션은 실제로 성가 시게 간단합니다.

즉 : JScrollPane의 처음 div.content에 적용되는 다음 각 시간에 더 많은 콘텐츠가 클릭 이벤트에 응답 할 때에로드

$('div#block-block-1 div.content').jScrollPane(); 

    $('div#block-block-1 div.content').click(
     function(){ 
      $(this).text($(this).text() + "Pellentesque eget diam enim; et mattis nullaPellentesque eget diam enim; et mattis nulla."); 
      $(this).css('text-indent', '0'); 
      $('div#block-block-1 div.content').jScrollPane(); 
     } 
    ); 

. 이렇게하면 사용자 정의 스크롤바가 자동으로 조정됩니다.

나는 누군가를 돕기를 바랍니다.