The problem comes from the fact that in order to set percentage height of the scroller, it needs its parent element to have explicit height set. When you are using percentage height for the scroller it does not actually scroll.
In order to achieve the functionality that you are looking for (using relative height for the scroller) the best approach will be to use CSS flexboxes. You can read more about it here:
Or you can also check this example project:
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI