问消除滚动条并将嵌入pdf安装到我的jquery对话框中。

EN

我在做什么:

我正在我的网站和主页上开发一个pdf阅读器，我有许多电子书封面照片呈现，当用户点击特定的电子书时，会出现一个jquery对话框，我使用pdfobject库呈现这个pdf。

我所取得的成就:

点击电子书图标，iam可以在对话框中呈现pdf对象.

问题:

显示看起来非常bad.There是pdf嵌入式对象中的滚动条，以及jquery对话框中有滚动条(垂直和水平)。

我想要的:

我的jquery对话框有宽度= 600和高度= 500，当我第一次打开对话框时，应该只有一个垂直滚动条，而pdf的第一页应该适合于我的对话框的默认维度(600×500)，而不管它的初始维度是多少。如果pdf只有1页，则不应该有滚动条(除非用户单击“放大”)。

Javascript代码:

$(function() {
    $( "#pdfPrompt" ).dialog({
        autoOpen: false,
        show: "blind",
        hide: "explode",
        width:600,
        height:500,
        resizable : false
    });

    $( "#opener" ).click(function() {
        $( "#pdfPrompt" ).dialog( "open" );
            var myPDF = new PDFObject({ url: "sample.pdf" }).embed('renderer');

        return false;
    });
});

opener只是我提供给图标的id，the提示是一个简单的<div>。

例子：

​

​

在试用charlietfl的解决方案(JsFiddle)之后：

​

你能帮我做到这一点吗，谢谢