使用iframe嵌套pdfjs时删除顶部工具栏去掉两侧边框 亲测有效
文章类型:技术笔记 发表2023-09-14 文章编辑:怒熊网络 · 一站式互联网+技术服务商! 阅读:1267次
前端开发项目的时候,客户要求pdf在线预览不能还工具栏,那样太难看了。而且默认<iframe class="iframe" src="{:C('wkcms_site_url')}Public/js/pdfjs/web/viewer.html?file={:C('wkcms_site_url')}data/upload/doc_con/{$info.fileurl}" frameborder="0" width="100%" height="100%"></iframe>嵌套的pdf两侧还有灰色的边框,在确难看,解决办法:
/**隐藏PDF顶部滚动条**/
.toolbar {
display: none;
}
#viewerContainer {
top: 0!important;
}
在viewer.css加入上面的样式即可解决,有人说#scrollbars=0&toolbar=0&statusbar=0拼接嵌套pdf,但我一直没有成功,只能从样式入手。希望有遇到的兄弟不用踩坑了。
/**去掉pdfjs两侧灰色空白**/
this.removePageBorders = options.removePageBorders || true;
在iewer.js里面把上面的代码fasle设置为true