Печать содержимое прокручиваемого дивирования ⇐ Html

[Anonymous]

У меня есть контракт, который отображается в прокручиваемом дел. Я хотел бы дать моим пользователям возможность печатать содержимое прокручиваемого 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