网格:滚动到顶部?

Pet*_*cci 3 kendo-ui-angular2

当使用虚拟滚动和行数更改时,滚动条的拇指可能会保持在可用数据下方。

设想:

  • 使用虚拟滚动和异步数据绑定
  • 加载例如 1000 行
  • 滚动到最后
  • 将数据更改为例如 100

问题:

  • 拇指保持在底部,实际上没有数据可见。您可以再次向上滚动,但这会让用户感到困惑,最好以编程方式滚动到顶部。

题:

  • 有没有办法以编程方式滚动到顶部?

Dra*_*fly 7

试试Element.scrollTop

如果是angular app,可以使用如下代码:

 let gridContent = this.elRef.nativeElement.getElementsByClassName('k-grid-content')[0];
    if (gridContent) {
      gridContent.scrollTop = 0;
    }
Run Code Online (Sandbox Code Playgroud)

其中 elRef 使用构造函数传递:

   constructor(private elRef: ElementRef) {    }
Run Code Online (Sandbox Code Playgroud)