当使用@media print {body *{visibility: hidden;}}时，消除额外的空间

Eliminate extra space when using @media print {body *{visibility: hidden;}}

本文关键字：空间 hidden @media print body visibility      更新时间：2023-09-26

我有一个模态上的打印按钮。当有人点击打印按钮时，我使用

@media print {
  body * {
    visibility: hidden;
  }

来隐藏我不想打印的东西，然后在我想要打印的东西上使用"visibility: visible"。

它工作得很好，除非有人在启动模态之前向下滚动一些。在这种情况下，它会将向下滚动的数量添加到打印页面的顶部。有没有办法消除多余的空间?

提前谢谢你。

@media print{
   body{display:block; height:100%}
   #banner, .hideForPrint{display:none}
}
相关文章：