ng2-pdf-viwer没有垂直和水平滚动条

时间:2020-05-16 09:51:05

标签: angular7 pdf-viewer

我正在使用angular 7和ng2-pdf-viewer(npm链接:https://www.npmjs.com/package/ng2-pdf-viewer/v/6.0.0)来显示PDF。一切工作顺利,用户可以滚动pdf,但是我有一个问题。我需要添加水平和垂直滚动条,以便用户可以拖动滚动条并可以查看pdf。 Highlighted with Red is where I need scrollbar

<div>
    <div class="modal-dialog-images-view">
        <div class="modal-content">
            <div class="modal-header">
              <h4 class="modal-title w-10" id="myModalLabel">Terms and Conditions</h4>
            </div>
            <div class="modal-body">
              <div class="pdf-container">
                <pdf-viewer  [show-borders]="true" [src]="src"></pdf-viewer>
            </div>
        </div>
    </div>
  </div>

CSS:

.pdf-container{
        overflow-y: scroll;
        max-height: 40vh;
    }

    pdf-viewer {
        display: block;
        height: 100vh;
      }

我在互联网上进行了搜索,但没有发现任何有价值的东西。请让我知道是否有人解决了这个问题。

0 个答案:

没有答案