使用@media print {body * {visibility：hidden;}}

Question

我有一个带有打印按钮的模态。当有人点击我正在使用的打印按钮时

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

隐藏我不想打印的东西，然后在我想要打印的东西上使用“visibility：visible”。

它非常有效，除非有人在启动模式之前向下滚动了一些。在这种情况下，它会将已向下滚动的金额添加到打印页面的顶部。有没有办法消除这个额外的空间？

提前谢谢你。

Answer 1

@media print{
   body{display:block; height:100%}
   #banner, .hideForPrint{display:none}
}