Вопрос по jquery, javascript – window.print () не печатает всю страницу

10

У меня есть страница screenShot

Я хочу напечатать эту страницу. На кнопке печати я использую что-то вроде этого

<input id="print" type="submit" onclick="window.print();" />

Но проблема в том, что это не печать всей страницы. Понравилась только распечатка, которая в данный момент на виду. Когда я нажимаю на кнопку печати, то доEmail:[email protected] печать страницы. Он не печатает текст под полосой прокрутки.

textBelowScrollbar

Как я могу напечатать весь текст. Предположим, у меня очень большая страница, и я использую вкладки для размещения своей страницы. А когда нажимаешь на кнопку печати, то я хочу включить всю страницу, включая вкладки. Как мне это сделать?

Спасибо

В прошлый раз, когда я имел дело с этой проблемой, был в IE6 (поэтому мой совет мог быть устаревшим), но тогда любые iframes или другие элементы со скрытым содержимым переполнения печатали бы только то, что было видно на экране - что имеет смысл, если Вы думаете о том, что случилось бы, если бы у вас были бок о бок iframe с различным содержанием контента. Мы обошли это, когда наша кнопка печати открыла дочернее окно с версией предварительного просмотра для печати текущей страницы, которая заменила все iframes на div, а затем вызвавwindow.print() в окне предварительного просмотра. nnnnnn

Ваш Ответ

3   ответа
1

  body,html { margin-top:0%;
   display:block;
   height:100%;}
0

посмотрите на Google дляНекоторые примеры.

Относительно того, почему он фактически не печатает всю страницу, я предполагаю, что вы пропустили настройку в диалоговом окне печати, в которой указано, как будет выполняться печать.

5

льзовать медиа-запросы CSS3:

<link rel="stylesheet" href="css/print.css" type="text/css" media="print"/>

использование процентных значений - лучший вариант при создании файла печати css.

body, html, #wrapper {
    width: 100%;
}

или в вашем основном файле CSS:

@media print {
      body, html, #wrapper {
          width: 100%;
      }
}
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceededjsfiddle.net/nAFSN/1
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded@media print {body, html{width: 100%;}}Error: User Rate Limit Exceeded Basit
Error: User Rate Limit Exceeded<link rel="stylesheet" href="css/print.css" type="text/css" media="print"/>Error: User Rate Limit Exceeded Basit

Похожие вопросы