javascript - 当 div 在 @media 屏幕中滚动时，如何在 @media print 中显示 div 的内容

Question

目前我有一个<div>与 overflow-y:scroll放。问题是打印期间不会显示内容。

理想情况下，我想要 <div>展开以显示全部内容，但仅在打印期间(可能使用 @media print )

我想这需要 JavaScript，但我不够熟练，无法自己解决!

感谢您的帮助

Answer 1

设置你的 <div> 的高度是 auto和overflow-y: inherit在@media print :

@media print {
  // Reset to default height, overflow-y of div
  .your-div {
    height: auto;
    overflow-y: inherit;
  }
}