如何使嵌入式PDF框架整个内容高度?

时间:2018-09-27 15:43:08

标签: html css reactjs pdf height

我想在页面的div中嵌入PDF。我希望div是可滚动对象,而不是PDF阅读器。我之所以想要这样做,是因为我想控制滚动条的外观,并在Chrome以外的浏览器上隐藏PDF按钮。

本质上,我希望PDF对象的高度自动缩放到页面数,同时具有一个静态的高度div,以便进行滚动。

这是我当前的代码:

            <div className={"object-viewer"} style={{height: '100%'}}>
            <object style={{width: '100%'}}
                    data={data.file.file + "#toolbar=0&navpanes=0&view=FitH&page=" + this.state.pagenum}
                    type="application/pdf">
                <embed
                    src={data.file.file + "#toolbar=0&navpanes=0&view=FitH&page=" + this.state.pagenum}
                    width={this.state.width}
                    type='application/pdf'
                    wmode='opaque'
                    top-toolbar-height="0"/>
            </object>
            </div>

如何使“对象查看器”具有设置的高度,并在y轴滚动时出现溢出,同时允许对象/嵌入的动态高度?

0 个答案:

没有答案