當div在@media屏幕中滾動時，如何在@media打印中顯示div的內容

Question

目前我有一個帶有overflow-y:scroll設置的<div> 。 問題是打印期間內容不會顯示。

理想情況下，我希望<div>擴展以顯示整個內容，但僅限於打印期間（可能使用@media print ）

我想這需要javascript，但我不夠擅長自己搞清楚！

謝謝你的幫助

Answer 1

設置<div>高度為auto和overflow-y: inherit在@media print overflow-y: inherit ：

@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：溢出