当div在@media屏幕中滚动时，如何在@media打印中显示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;
  }
}

Answer 2

尝试将此样式添加到您的@media打印

div {
   overflow-y:show;
   /* Another your style */
}

这会使您的内容可见，但它超出了div的高度限制。希望此链接可以帮助您W3School: Overflow