当页面从底部向前向后随机单击时，jquery数据表滚动到顶部答案

【问题标题】：jquery datatables scroll to top when pages clicked from bottom forward to backward randomly当页面从底部向前向后随机单击时，jquery数据表滚动到顶部
【发布时间】：2016-12-28 07:52:29
【问题描述】：

我正在使用 jQuery 数据表，我想更改它的默认行为。现在，当我单击第 61 页时，页面滚动仍然在底部。但是当我从 61 到 60 页单击页面时，页面滚动出现在页面中间。我想将所有页面保持在页面底部滚动，而不管底部从第一个到最后一个随机页面点击或随机页面点击。我还从这个链接中获取了参考： jquery datatables scroll to top when pages clicked from bottom 但这是默认滚动到顶部的。

【问题讨论】：

你有机会使用 Angular 吗？
没有 jquery 数据表。
能否请您发布您的代码
jsfiddle.net/jb0e6whr 这是我用于动态数据的代码。

标签： javascript jquery html css datatables

【解决方案1】：

您应该定位.dataTables_wrapper 并将事件附加到.paginate_button。这里有一个漂亮的小动画：

function paginateScroll() {
    $('html, body').animate({
       scrollTop: $(document).height()
    }, 100);
    console.log('pagination button clicked'); //remove after test
    $(".paginate_button").unbind('click', paginateScroll);
    $(".paginate_button").bind('click', paginateScroll);
}
paginateScroll();

这是JSfiddle

免责声明：我刚刚在answer 中进行了小修改，其链接已发布在问题本身中。 scrollTop: $(document).height().

希望这会有所帮助。

【讨论】：

谢谢你，但这没用。也在 document.ready 中尝试过。
@amarghodke 哦。您能否发布您的代码或小提琴？
jsfiddle.net/jb0e6whr 这是用于动态数据的 jquery 数据表，因此您不会看到任何记录。
@amarghodke 您在哪里添加了上述代码，即。导航黑白页面时滚动到首页？
请加入chat room。这比通过评论进行扩展讨论要好。

【解决方案2】：

此问题发生在倒数第二页和最后一页分页之间，例如。 60 和 61.当我们导航到最后一页时，如果记录数小于分页大小，则 UI 会随着数据表调整其高度而发生变化。当页面从最后一页移动到最后一页或任何其他页面时，可能会出现此问题。所以这是一种自然行为，不是问题

【讨论】：