html - 如何隐藏滚动条并使内容保持可滚动?

标签 html css printing scrollbar overflow

<分区>

我想将我的 html 页面打印成 PDF 文件,但不想在 PDF 文件中显示滚动条。我的页面有一个可滚动的主体,所以如果我这样设置:

* {
   overflow: hidden;
}

最终 pdf 文件中的正文将不完整。 那么是否有一种方法可以阻止滚动条显示但内容仍然可以滚动?

最佳答案

您可以通过以下方式将滚动条的显示设置为无:

::-webkit-scrollbar {
    display: none;
}

这将在不禁用滚动的情况下隐藏所有滚动条。

编辑:这只适用于 chrome,为了更好的解释,你可以查看这个答案 Hidding Scrollbar

关于html - 如何隐藏滚动条并使内容保持可滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42268436/

相关文章:

javascript - 使用 html 中的参数调用 javascript 函数

html - 跨度消息显示在屏幕顶部

python - 有新的/更新的斜纹布吗?

linux - 在 Bash 中处理 float

php - 使用 PHP 从 URL 创建缩略图

javascript - JQuery 淡入淡出功能会导致 WebOS 应用程序中的所有内容都消失?

html - Bootstrap 4 卡片 - 在底部对齐内容

html - 把 Div 变成链接

delphi - 最有用的 Delphi TStringGrid (Grid) 替代品推荐

javascript - 谷歌地图不显示,HTML