当用户单击寻呼机按钮时返回网格顶部答案

【问题标题】：Return to top of grid when user clicks on pager button当用户单击寻呼机按钮时返回网格顶部
【发布时间】：2016-03-16 12:12:08
【问题描述】：

我有一个可以包含很多行的网格。当用户滚动到网格底部并单击分页器按钮时，我希望页面返回到网格顶部，而不是停留在页面底部的位置。

实现这一目标的最佳方法是什么？

我知道我可以通过转到 urlOfPage#grid 来实现我想要的，但是通过向页面上的相关分页元素添加 JQuery 侦听器来实现这一目标的最佳方法是什么？

【问题讨论】：

已经有人问过了 ;) 看看这个 -> stackoverflow.com/questions/6677035/jquery-scroll-to-element
干杯。我特别想知道如何为 Telerik Kendo Grid 做到这一点，但我设法将这里的答案与这里概述的触发器结合起来：telerik.com/forums/grid-page-change-event

标签： jquery telerik kendo-grid

【解决方案1】：

在点击分页按钮时使用 jquery 滚动到网格

$('html,body').animate({
        scrollTop: $("#"+idofgrid).offset().top},
        'slow');

【讨论】：

【解决方案2】：

$(button).on('click', function(event) {
  event.preventDefault();
  var grid = $('.grid-class');
  $('body, html').animate({
    scrollTop: grid.offset().top
  }, 400);
});

这是一种将用户平滑滚动到网格顶部的解决方案。 Button 是触发滚动的寻呼机按钮。可变网格是网格的父元素。

【讨论】：