网格:滚动到顶部?

时间:2017-06-01 10:18:40

标签: kendo-ui-angular2

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

情景:

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

问题:

  • 拇指保持在底部,实际上看不到任何数据。您可以再次向上滚动,但这对用户来说很困惑,最好以编程方式滚动到顶部。

问题:

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

1 个答案:

答案 0 :(得分:4)

尝试Element.scrollTop

如果是角度应用,您可以使用以下代码:

$(function() {
// (Optional) Active an item if it has the class "is-active"    
$(".linkLocation > .linkHover.is-active").children(".accordion-panel").slideDown();

$(".linkLocation > .linkHover").click(function() {
    // Cancel the siblings
    $(this).siblings(".linkHover").removeClass("is-active").children(".accordion-panel").slideUp();
    // Toggle the item
    $(this).toggleClass("is-active").children(".accordion-panel").slideToggle("ease-out");
});
});

使用consturctor传递elRef:

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