javascript - how to remove vertical scroller -

i trying avoid vertical scroll bar splitter. using kendo ui splitter 2 panes, in first pane have grid. depending upon selected record in grid right side content height varying. trying set varying height splitter.

i googled right pane content height,but not able exact height properly.

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

i put code in change event of grid,but not worked out me. have defined splitter like

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

can 1 tell me how this.

in css (apply appropriate class):
overflow-y:hidden; - use hiding vertical scroll

another way (trigger whenever want)

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