微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

打印3-4页的React组件时,将导航栏固定到每页的顶部

如何解决打印3-4页的React组件时,将导航栏固定到每页的顶部

我们的react应用程序具有许多使我们成为“可打印” 的路线,这些路线使用打印介质查询来清理供用户使用CMD + P打印的组件。这些路线中的许多路线在打印时会打印3-4页。我们如何将应用程序的顶层标题/导航固定到每个打印页面的顶部,而不是仅固定在第一打印页面的顶部?目前,我们的顶层标题仅固定在网络应用程序的顶部(就像大多数顶级导航栏一样),因此只有第一个打印页面会收到打印中的导航栏。

我们正在考虑根据需要多次在整个页面显示导航栏,并为除顶部导航栏之外的所有导航栏设置$test = wp_remote_post( 'https://mybabysfamily-dev.azurewebsites.net/api/advisor/12345678-4444-1234-1234-123456789012/family/test/connect',$post_this); print_r($test); (因此它们隐藏在网络上),然后在印刷媒体查询中,将display: none替换为display: none或同时执行以下两项操作:(a)使导航栏出现在打印中,并且(b)在导航条之前对打印进行分页,因此它位于顶部。

这种方法似乎是合理的,但似乎也有些怪异。也许对此有更好的方法

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。