如何使用javascript打印可滾動的div內容？

Question

我嘗試了多種不同的途徑來嘗試使其工作，並且在使用開發工具呈現打印媒體查詢時，我得到了一個可滾動的 div，但在打印時我只得到了 1 頁。 我在下面附上了我的css。

  body * {
    visibility: hidden;
    overflow-y: auto;
  }
  #print,
  #print * {
    visibility: visible;
  }
  #print {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
  }

Answer 1

你的問題很籠統，我不打算回答你，但是我會告訴你如何嘗試自己解決。

使用 Chrome 的開發工具，可以查看頁面打印時的樣子。 按 F12 打開開發工具，然后在“ Rendering下找到“ Emulate CSS media type並選擇“ print - 然后您可以在“ Elements頁面上使用樣式並查看如何將其轉換為打印版本。