2013-07-24 5 views
0

제 스플리터의 수직 스크롤 막대를 피하려고합니다. 두 개의 창이있는 검도 UI 스플리터를 사용하고 있습니다. 첫 번째 창에는 그리드가 있습니다. 그리드의 선택한 레코드에 따라 내 오른쪽 콘텐츠 높이가 다릅니다. 저는 다양한 높이를 스플리터에 설정하려고합니다.수직 스크롤러를 제거하는 방법

오른쪽 창 콘텐츠 높이를 얻으려고 인터넷 검색을 시도했지만 정확한 높이를 올바르게 얻을 수 없습니다.

var height = $('#splitter').prop('scrollHeight'); 
        $('#splitter').height(height); 
        $("#splitter").css({ height: height }) 

나는 그리드의 변경 이벤트에서이 코드를 넣어,하지만 날 위해 일을하지 않습니다.

var splitter = $("#splitter").kendoSplitter({ 
        panes: [ 
           { collapsible: true, size: "48%" }, 
           { collapsible: false, size: "52%" }], 
        orientation: "horizontal" 
          ] 
}); 

같은 내가 정의한 스플리터 어느 한 방법 이렇게 말해 줄 수 있습니다.

답변

0

CSS에서 (해당 클래스에 적용) :
overflow-y : 숨김; - 나는 오버 플로우-Y를 줄 경우, 수직 스크롤에게

또 다른 방법을 숨기기 위해 이것을 사용

$("#splitter").css("overflow", "hidden"); 
+0

을 (당신이 원하는 때마다이 트리거) : 숨겨진 콘텐츠 높이 그것은 표시되지 않습니다 다음 추가됩니다. – charan

+0

그런 다음 스크롤을 한 후에 수직 스크롤을 비활성화하는 높이를 계산해야합니다. \ –

관련 문제