У меня есть контракт, который отображается в прокручиваемом дел. Я хотел бы дать моим пользователям возможность печатать содержимое прокручиваемого Div. Div примерно три страницы длиной. Я использую Bootstrap для этого приложения и попробовал мне доступ к классу CSS «Видимый принтер». Когда я сейчас проверяю функциональность печати, только то, что находится в верхней части прокручиваемого Div, отображается на экране предварительного просмотра Chrome с вертикальной половой прокручиванием, и он отключает оставшийся контент. < /p>
css: < /p>
#scrollableDiv{
width: 100%;
height: 700px;
overflow-y: scroll;
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
}
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.visible-print {
display: block !important;
overflow: visible;
}
}
< /code>
html: < /p>
Подробнее здесь: https://stackoverflow.com/questions/313 ... llable-div
