Kendo网格:将聚焦单元格滚动到视图中

我有一个剑道网格,它设置了虚拟分页和导航(用于键盘导航)。根据内容的大小,有时我无法看到当前视图中的所有数据,当我使用鼠标滚动时,没有问题,但当我尝试使用键盘导航到底部行时,这些行不会滚动到视图中。

假设您钩住一个事件来触发滚动,将元素滚动到视图中是相当直接的。我似乎想不出如何勾入网格上的焦点事件以自动实现它。

JSFiddle

我如何勾入焦点事件以将当前焦点单元格滚动到视图中。请注意,当前聚焦的单元格与所选单元格/行不同。

滚动代码:

$grd.animate({
    scrollTop: $ele.offset().top - $grd.offset().top + $grd.scrollTop()
});