Html 如何自定义pdf文档上的默认滚动条？_Html_Css_Pdf

Html 如何自定义pdf文档上的默认滚动条？

html css pdf

Html 如何自定义pdf文档上的默认滚动条？,html,css,pdf,Html,Css,Pdf,如何自定义浏览器在pdf文件上显示的默认滚动条 <object data="/pdf/sample.pdf" type="application/pdf" width="100%" height="100%"> <p><b>Example fallback content</b>: This browser does not support PDFs. Please download the PDF to view it: <a hre

如何自定义浏览器在pdf文件上显示的默认滚动条

<object data="/pdf/sample.pdf" type="application/pdf" width="100%" height="100%">
   <p><b>Example fallback content</b>: This browser does not support PDFs. Please download the PDF to view it: <a href="/pdf/sample.pdf">Download PDF</a>.</p>
</object>


回退内容示例：此浏览器不支持PDF。请下载PDF以查看：

不清楚您指的是哪个滚动条。它是浏览器的一部分还是PDF查看器的一部分？更重要的是：您使用的是哪种浏览器和查看器

假设您使用的是Adobe的PDF viewer，那么您可以向url添加一个参数，如下所示：

data=“/pdf/sample.pdf？滚动条=0”

见：

但是，在使用其他pdf查看器时，这可能没有效果。更重要的是，滚动条经常出现是有原因的

激活触摸模式还可以删除某些查看器中的滚动条

基本上你无法控制这一切

你真正的问题是关于定制。这可能意味着很多事情，例如使滚动条变宽、更改其颜色等。显然，当滚动条是查看器的一部分时，这不容易做到

最后，信息；'此浏览器不支持PDF。“”不完全准确。如果PDF文件不存在，它也将显示

编辑：

这可以消除Chrome中的额外滚动条：

<html>
<body style="overflow:hidden;margin:0">
<object data="sample.pdf" type="application/pdf" width="100%" height="100%">
   <p>Error!</p>
</object>
</body>
</html>


错误

我要求在chrome、mozilla等web浏览器中使用默认的pdf查看器。如何自定义他们添加到pdf文档中的滚动条。在浏览器中预览上述代码时，有两个滚动条1。首先是pdf 2的容器。第二，在整个窗口（网页滚动条）中，您运气不好，这些查看器的参数支持非常粗略。您不应该在同一方向上获得两个滚动条。如果使用chrome，则可以使用以下样式隐藏其滚动条：

body{overflow:hidden；margin:0；}