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

时间:2017-06-07 08:12:10

标签: 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 href="/pdf/sample.pdf">Download PDF</a>.</p>
</object>

1 个答案:

答案 0 :(得分:0)

目前还不清楚你在谈论哪个滚动条。它是浏览器的一部分还是PDF查看器的一部分?更重要的是:您使用的是哪种浏览器和浏览器?

假设您正在使用Adobe的PDF查看器,那么您可以像这样在网址中添加一个参数:

data="/pdf/sample.pdf?scrollbar=0"

请参阅:http://www.adobe.com/content/dam/Adobe/en/devnet/acrobat/pdfs/pdf_open_parameters.pdf

使用其他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>