javascript - 如何使用 IE11 中的虚拟滚动转到 Kendo UI 中的最后一个位置

Question

绑定(bind)网格后，它无法保持原状，并将您带到网格的顶部，失去您的位置。我设法编写了一些脚本来保存用户在网格上的位置，然后在绑定(bind)后将用户滚动回到该保存的位置: How to get scrollLeft() from kendoVirtualScrollable

这似乎仅在用户位于网格顶部或网格底部时才有效。如果用户位于网格中间(虚拟滚动期间)，则无法保存scrollTop()。

我将这个 Dojo 放在一起是为了简化我遇到的问题。

http://dojo.telerik.com/upIto

1. 按“测试位置”，您将看到滚动顶部:3360。(注意:网格上的位置。对我来说，顶部的 OrderID 是 10328)。

2. 再次按“测试位置”(scrollTop 未改变)。

3. 滚动现在将用户带到不同的位置。 (我的新顶级 OrderID 是 10365)。

4. 用户失去了位置。另请注意滚动条如何保持在原位。

这对用户来说是不受欢迎的。

非常感谢针对此错误的任何帮助。

更新

如果我在转到新位置之前将scrollTop设置为0，它似乎通常会在该位置上方带来一行。

我添加了这个:

   $("#grid div.k-scrollbar-vertical").scrollTop(0);
   $("#grid div.k-virtual-scrollable-wrap").animate({ scrollTop: 0 }, 0);
    $("#grid div.k-scrollbar-vertical").animate({ scrollTop: 0 }, 0);

之前

   $("#grid div.k-virtual-scrollable-wrap").animate({ scrollTop: 3360 }, 0);
    $("#grid div.k-scrollbar-vertical").animate({ scrollTop: 3360 }, 0);

按下“测试位置”一次:OrderID:10329。再次按下:OrderID 10328。

Answer 1

好吧，这是一个错误，显然它已在 2017 年版本中修复。

“从 2017 R3 版本开始，我们正式支持虚拟滚动编辑。

请检查我们的新演示，并告知新实现后是否存在任何滚动问题:

http://demos.telerik.com/kendo-ui/grid/virtualization-local-data ”

-Stefan(Telerik 管理员)