print.js打印隐藏滚动条

在打印时隐藏滚动条可以通过CSS样式来实现。可以使用@media查询，在打印时应用对应的样式，例如：

@media print {
  body {
    overflow: hidden;
  }
}

这将在打印时隐藏主体元素的滚动条。如果您有其他需要滚动的元素，可以将相应的选择器替换为适当的元素。

另外，您可能还需要在打印时调整其他样式，例如隐藏页眉和页脚，调整字体大小等。可以通过类似的@media查询来实现。

相关问题

print.js打印出现滚动条怎么去除掉

可以尝试在CSS中设置打印样式，禁用滚动条。

例如，可以使用以下代码：

@media print {
  body {
    overflow: hidden;
  }
}

这将在打印时将页面的滚动条隐藏。请注意，这只会影响打印预览和实际打印输出，而不会影响页面本身的滚动条。

vue使用print.js打印滚动条失效

使用 print.js 打印时，由于打印页面的大小和原页面大小不一致，可能会导致一些样式失效，包括滚动条。你可以尝试在打印之前隐藏滚动条，打印完成后再显示滚动条。

可以使用以下代码实现：

// 隐藏滚动条
document.body.style.overflow = 'hidden';

// 使用 print.js 打印

// 打印完成后显示滚动条
document.body.style.overflow = 'auto';

另外，如果使用的是 vue，可以在打印时使用 `this.$nextTick()` 等待页面渲染完成再隐藏滚动条，以避免一些渲染问题。具体代码如下：

printJS({
  printable: 'printable-element-id',
  type: 'html',
  onPrintDialogClose: function() {
    // 等待页面渲染完成
    this.$nextTick(() => {
      // 隐藏滚动条
      document.body.style.overflow = 'hidden';
    });
  },
  onError: function(error) {
    console.error(error);
  }
});

同样，在打印完成后也需要使用 `this.$nextTick()` 等待页面渲染完成再显示滚动条。