Question

我真的很挣扎于简单的事情。我想要实现的只是在Bootstrap模式中使用HTML <object>标签显示PDF。

I've created Plunkr来证明这个问题。基本上是＆＃34;工作PDF＆＃34;是简单的<object>标记，工作正常。在＆＃34;工作PDF - 崩溃＆＃34;是PDF内折叠div和＆＃34;不工作PDF - 模态＆＃34;证明了这个问题。

我认为可能问题出在display: none;上，但崩溃示例有效，因此它无法与可见性相关联。在使用某些原生PDF查看器的Chrome上，一切正常。我的Firefox使用Adobe插件，但当我切换回pdf.js查看器时 - 一切都按预期工作。

我还发现this example，它表明，当在Javascript函数中创建HTML时，以模态显示PDF工作正常。但我无法理解与我尝试做的事情有何不同。

Answer 1

我设法解决了自己的问题。原来，CSS动画导致了这种意外行为。在addToStore('4', '5');中有样式声明

modals.less

那些翻译.modal{ &.fade .modal-dialog{ .translate(0, -25%); .transition-transform(~"0.3s ease-out"); } &.in .modal-dialog { .translate(0, 0) } }和.translate(0, -25%);会导致问题，因此我决定宣布自己的混音

.translate(0, 0)

并使用它代替动画

.translate-none(){
    -webkit-transform: none;
        -ms-transform: none; // IE9 only
         -o-transform: none;
            transform: none;
}

此禁用Bootstrap模态动画，但允许PDF呈现

在Bootstrap模式中显示PDF

1 个答案: