2017-09-13 44 views
0

我有一個可滾動的屏幕,我正在打印按鈕,並在其onclick事件上調用「window.print()」函數。window.print()僅打印屏幕的「可查看」部分

我的問題是它只打印屏幕的「可視」部分,而不是整個屏幕。如果頁面是可滾動的,則如果內容不適合1頁,則打印應該擴展到2(或更多)頁面。但就我而言,它總是隻打印1頁,其餘內容不打印。

+0

只有可見頁面將默認打印,如果你想顯示在所有網頁內容,然後在新選項卡中顯示您想要打印的所有內容,然後在該新選項卡中輸入window.print。如果你的意思是隻有可見內容正在打印,那麼你需要將'html'和'body'標籤設置爲'height:100%', –

+0

謝謝Naren,我已經將'html'和'body'標籤設置爲'身高:100%' – Avani

+0

我已經設置好了,當點擊按鈕時,它直接顯示另一個HTML文件,我在其上有打印按鈕,並且在其onclick事件中調用了「window.print()」函數。 – Avani

回答

2

的可能重複:window.print() is not printing the whole page

你基本上有以下添加到您的主css文件

@media print { 
     body, html, #wrapper { 
      height: 100%; 
     } 
} 
+0

我有文件print.css,其中包含'@media print {body,html,#wrapper {width:100%; } }' – Avani

+0

它應該工作。我嘗試了'height:100%'以及'width:100%'。兩者都似乎解決了這個問題。 –

+0

謝謝,當我把'div'標籤設置爲'height:100%' – Avani