javascript - 如何让我的上一个/下一个链接将我发送到页面顶部？

Question

我正在使用我在 dynamicdrive.com 上找到的 javascript 分页 div，所以我一直在剪切和粘贴 - 我不是 javascript 迷，远非如此!现在，我在文章的顶部和底部都有一个分页栏，但是当我使用底部的分页栏时，它会将我带到下一页的底部，而不是顶部。所以我单击下一步然后必须向上滚动 - 有没有办法可以调整它以便它直接将我发送到下一页的顶部？

这是我正在使用的分页版本 - 它是演示 3:http://www.dynamicdrive.com/dynamicindex17/virtualpagination.htm

提前感谢您给我的任何提示!

Answer 1

看起来没有办法使用 virtualpagination.js 库来执行此操作。您应该能够使用您自己的函数包装库的主要 navigate 函数，这将使滚动条回到顶部。

尝试将其放入 javascript 文件中，并将其包含在 virtualpaginate.js 文件之后:

virtualpaginate.prototype._navigate = virtualpaginate.prototype.navigate;
virtualpaginate.prototype.navigate = function (keyword) {
  window.location = '#wrapperDivId';
  this._navigate(keyword);
}

然后像这样将您的分页内容包装在一个 div 中:

<div id="wrapperDivId">
  ... your content here ...
</div>