0

jscrollpane을 실험 해본 결과 일부 내용에 사용자 지정 스크롤바가 추가되었습니다. 데이터는 ajax를 통해 가져오고 jscrollpane api은 그 일을 잘 처리합니다.동적 크기가 작동하도록 jscrollpane API를 가져올 수 없습니다.

그러나 scrollpane의 높이는 항상 사용자 브라우저 창의 높이의 70 %가되어야합니다. jscrollpane site은 내가 작동하도록 다음 코드를 사용할 수 있다고 말했지만 행운이 없습니다.

$(function() { 
    $('.scroll-pane').each(

    function() { 
     $(this).jScrollPane({ 
      showArrows: $(this).is('.arrow') 
     }); 
     var api = $(this).data('jsp'); 
     var throttleTimeout; 
     $(window).bind('resize', function() { 
      if ($.browser.msie) { 
       // IE fires multiple resize events while you are dragging the browser window which 
       // causes it to crash if you try to update the scrollpane on every one. So we need 
       // to throttle it to fire a maximum of once every 50 milliseconds... 
       if (!throttleTimeout) { 
        throttleTimeout = setTimeout(

        function() { 
         api.reinitialise(); 
         throttleTimeout = null; 
        }, 50); 
       } 
      } else { 
       api.reinitialise(); 
      } 
     }); 
    }) 

}); 

나는 비율로 CSS를 변경

는 사용자 지정 스크롤 완전히 실패하고 난 창문의 높이의 100 % 기본 크롬 스크롤 막대를 얻을. http://jsfiddle.net/loren_hibbard/2yEsG/

대단히 감사합니다!

+0

이것은 실제로 jsfiddle 문제 일 수 있습니다 ... – 1252748

답변

-1

resize 및 jsfiddle에 대한 API와 호환성 문제가있는 것으로 보입니다. jscrollpane은 계속해서 놀라운 확장입니다. 감사.