分页，而不是无限滚动，正在显示。如何使这段代码工作？

要实现分页而不是无限滚动，可以使用以下步骤：

1. 在 HTML 文件中创建一个容器元素，用于显示分页内容。例如，可以使用一个 <div> 元素，并为其指定一个唯一的 id 属性。

<div id="pageContainer"></div>

2. 在 JavaScript 文件中，创建一个函数来获取分页数据。这个函数应该接受一个页码参数，并使用该参数来请求相应的数据。

function getPageData(pageNumber) {
  // 使用页码发送请求获取相应的数据
  // 可以使用 AJAX 或其他方法来发送请求
  // 这里只是一个示例，假设数据保存在一个数组中
  var data = [
    { id: 1, name: 'Item 1' },
    { id: 2, name: 'Item 2' },
    { id: 3, name: 'Item 3' },
    // ...
  ];

  // 假设每页显示 10 条数据，计算起始索引和结束索引
  var pageSize = 10;
  var startIndex = (pageNumber - 1) * pageSize;
  var endIndex = pageNumber * pageSize;

  // 获取当前页的数据
  var pageData = data.slice(startIndex, endIndex);

  // 返回当前页的数据
  return pageData;
}

3. 创建一个函数来渲染分页内容。这个函数应该接受一个页码参数，并将获取的数据渲染到容器元素中。

function renderPage(pageNumber) {
  // 获取当前页的数据
  var pageData = getPageData(pageNumber);

  // 获取用于显示分页内容的容器元素
  var container = document.getElementById('pageContainer');

  // 清空容器元素的内容
  container.innerHTML = '';

  // 遍历当前页的数据，并将每个数据项添加到容器元素中
  pageData.forEach(function(item) {
    var itemElement = document.createElement('div');
    itemElement.textContent = item.name;
    container.appendChild(itemElement);
  });
}

4. 当页面加载时，默认显示第一页的内容。可以在页面的 onload 事件中调用 renderPage 函数。

window.onload = function() {
  // 默认显示第一页的内容
  renderPage(1);
}

5. 可以在页面中添加分页导航，用于切换不同页码的内容。例如，可以使用一个包含页码的 <ul> 元素，并为每个页码项绑定点击事件，点击时调用 renderPage 函数，并传递相应的页码。

<ul id="pagination">
  <li><a href="#" onclick="renderPage(1)">1</a></li>
  <li><a href="#" onclick="renderPage(2)">2</a></li>
  <li><a href="#" onclick="renderPage(3)">3</a></li>
  <!-- ... -->
</ul>

这样，当点击不同的页码时，会调用 renderPage 函数来渲染相应的分页内容。