jquery - 如何避免打印为 pdf 时固定 div 的重叠？

Question

我有一个为我的网页修复的 div

.header-logo{
     width:100%; 
height:55px; 
position:fixed; 
z-index:100;
   }

我使用了一个插件，当我点击“打印为 PDF”时，我修复的 div 与其他 div 的其他地方重叠。如何将 div 固定为 pdf 打印

Answer 1

将 print-padding 类添加到重复标题之后的内容 block 。

.header-logo {
    position: fixed;
    top: 0;
    display: block;
}
.print-top-padding {
    margin-top: 150px;
}

您可以通过添加 margin-bottom 对页脚标记执行相同的操作。 边距可以根据固定页眉或页脚的高度给出。