使用 paged.js 在最后一页生成单独的页脚答案

【问题标题】：Generate a seperate footer in last page using paged.js使用 paged.js 在最后一页生成单独的页脚
【发布时间】：2023-01-13 10:16:36
【问题描述】：

我正在尝试为最后一页生成一个单独的页脚分页.js.总页数是动态的。

我已经尝试过命名页面方法但没有成功，因为它在最后生成了额外的空白页，尽管它在最后给出了正确的最终页脚。

有人可以帮我吗？

【问题讨论】：

标签： html css freemarker polyfills pagedjs

【解决方案1】：

使用 paged.js 为最后一页生成单独页脚的一种方法是使用 :not(:last) CSS 伪类定位除最后一页以外的所有页面，然后使用 :last 伪类定位最后一页具体页面。例如：

@page {
  @bottom-center {
    content: "Page " counter(page) " of " counter(pages);
  }
}

@page:last {
  @bottom-center {
    content: "This is the last page";
  }
}

这将为除最后一页之外的所有页面添加标准页码和总页数页脚，并向最后一页添加单独的“这是最后一页”页脚。

另一种方法是使用 javascript 检查当前页码和总页数，然后相应地添加特定的页脚。

var currentPage = 1;
var totalPages = 10;

if(currentPage == totalPages){
  // Add last page footer here
} else {
  // Add standard footer here
}

需要注意的是，此解决方案仅适用于动态总页数，如果您在编写代码时知道总页数，则可以使用 CSS 计数器或 css 生成的内容来实现相同的目的。

【讨论】：