Css 打印3-4页组件时，将导航栏固定在每页顶部

我们的react应用程序有许多路由，我们已将其设置为“可打印”，使用打印介质查询来清理组件，以便用户使用CMD+p打印。打印时，这些路由中的许多路由打印在3-4页上。我们如何将应用程序的顶级标题/导航锁定到每个打印页面的顶部，而不仅仅是第一个打印页面？目前，我们的顶级标题仅固定在web应用程序的顶部（与大多数顶级导航栏一样），因此只有第一个打印页面在打印时接收导航栏

我们正在考虑根据需要在整个页面中呈现导航栏的次数，为除顶部导航栏之外的所有导航栏设置

display:none

（因此它们隐藏在web上），然后在打印媒体查询中，将

display:none

替换为

display:block

或其他两者都可以：（a）的内容使导航栏显示在打印上，并且（b）页面在导航栏之前打断打印，因此它位于顶部

这种方法似乎是合理的，但也有点老套。也许有更好的方法