javascript - 如何打印整个 Bootstrap 模态，其中模态主体中的内容被滚动出 View

Question

问题是用户必须向下滚动才能查看模态主体内的所有内容。但是，当我打印模态时，唯一打印的部分是可见的部分。我想要打印整个模式的内容。我已经尝试了下一页上的每一段代码，但没有一个能打印出整个模态。

Twitter Bootstrap: Print content of modal window

Answer 1

与 angularjs UI Bootstrap 库面临同样的问题。尝试了上面提供的链接，但没有成功。当模式比视口(viewport)LONGER时，唯一对我有用的 CSS 是:

@media print {
    .modal {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        padding: 0;
        overflow: visible!important;
    }
}

注意:position:absolute 和 overflow:visible 是必须的。希望这也可以解决您在打印 angularUI-Bootstrap-Modal 时遇到的问题。