浏览器只打印我网站的一页内容较少？ [关闭]答案

【问题标题】：The browser prints only one page of my website with less contents? [closed]浏览器只打印我网站的一页内容较少？ [关闭]
【发布时间】：2014-12-09 13:03:36
【问题描述】：

我正在开发一个在其主要div 中有很长内容的网站，在 div 中有一个垂直滚动。但是，当我尝试使用浏览器打印来打印网站时。只显示一页，大部分数据丢失。

PS：我用@media print { ... } 和css 样式尝试了所有可能的解决方案。

【问题讨论】：

代码在哪里？还是小提琴？
请补充一些信息
@jsHero Der Vampyr 附加图片描述了该问题。其中，可滚动区域包含大量数据，当我尝试打印页面时，只打印了显示的区域，我无法获取其他未滚动为页面的可滚动区域。
在媒体打印上，您只需设置可滚动区域的高度，这样滚动条就不是他们的了，这应该可以解决您的问题。
在这里查看答案bit.ly/1yytAuw

标签： javascript jquery html css printing

【解决方案1】：

只需在打印媒体查询中使用 overflow-y:visible。

    @media print {
  #mainLayout {
            height: 100%;
            overflow-y: visible;
            overflow-x: visible;
        }
}

【讨论】：