在网页上嵌入 PDF 并水平滚动以使其居中答案

【问题标题】：Embed PDF on webpage and scroll horizontally to center it在网页上嵌入 PDF 并水平滚动以使其居中
【发布时间】：2014-07-21 10:41:38
【问题描述】：

我已使用嵌入标签将 PDF 添加到网页。嵌入窗口的宽度小于 PDF 的宽度。因此，出现一个水平滚动条。但是，PDF 文档本身的左侧和右侧有很大的边距。如果用户将中心滚动到 PDF，则 PDF 的内容非常适合。

如果可能，我希望自动滚动。

代码在这里http://shop.stelladoradus.com/product/gsm-repeater/
您必须单击规范选项卡才能查看 PDF。

对于谷歌浏览器，我做了以下操作：

我使用 iframe 而不是嵌入

<iframe id='pdf_embed' height='1300' style='width: 734px; margin-left: -40px;' src='iframe_url?pdf=pdf_url.'></iframe>

在我拥有的 iframe 页面上：

<style>
object{
    width: 200%;
    margin-left: -370px;
    margin-top: -150px;
}
embed{
    width:100%;
    height:95%;
}
</style>
<html>
<body >
    <object height='1430' data="<?php echo $_GET['pdf']; ?>" type="application/pdf">
        <embed height='1430' src="<?php echo $_GET['pdf']; ?>" type="application/pdf" />
    </object> 
</body>
</html>

这个解决方案实际上正是我想要的，因为 pdf 被放大，所以边距没有显示，而且更容易阅读（更大的文本）。我无法让它在 Firefox 或 IE 上运行，因此您可以使用下面的 @Infer-On 解决方案。

【问题讨论】：

你能说得更具体些吗？删除一些你已经完成的代码。
你是否已经尝试将它包装在一个 div
之间？
@Infer-On 这将使嵌入标签居中，而不是滚动 pdf。我添加了一个链接来澄清。
"If user scrolls center to the PDF" 英文不好，不是我写的，为什么我的帖子是这样编辑的？

【解决方案1】：

好的，我认为您只需将一些参数传递给您的 PDF，如 documentation 中指定的那样：

你可以试试这样的：

zoom=scale

使用浮点或整数值设置缩放和滚动因子。为了例如，缩放值为 100 表示缩放值为 100%。

否则

view=Fit

使用定义的关键字值设置显示页面的视图在 PDF 语言规范中。有关详细信息，请参阅 PDF 参考。

查看相关文档以找到更适合您的参数

http://example.org/doc.pdf#zoom=50
http://example.org/doc.pdf#view=Fit,100

编辑

我已经尝试过的：

<object data="http://www.stelladoradus.com/wp-content/uploads/2014/03/en_spec_RP1000G3.pdf" 
 type="application/pdf" 
 width="300" height="500">
    <param name="view" value="fit" />

</object>

http://jsfiddle.net/InferOn/wVaGa/23/

这可行，但在 Chrome 中不行...

【讨论】：

我在我的问题中添加了 Chrome 的解决方案。感谢您帮助我走上正轨。