2017-04-14 78 views
1

我试图将滚动控件添加到我的PDF查看器。上下滚动工作正常,但我无法看到左右滚动条,直到滚动到PDF文件的底部。在我的CSS,我有:我无法看到左右滚动条,直到我滚动到内容的底部

.pdf-content { 
    overflow-y: auto; 
    border: 1px solid #EEE; 
    padding: 0px; 
    margin: 0px; 
} 

在我的html,我有:

<div class="pdf-content" [style.width]="imageWidth" [style.height]="imageHeight"> 
    <pdf-viewer *ngIf="fileUrl" style="display: block;" 
     [src]="fileUrl" 
     [show-all]="false" 
     [original-size]="false" 
     [rotation]="rotation" 
     [page]="page" 
     [zoom]="zooming" 
     (after-load-complete)="callBackFn($event)"> 
    </pdf-viewer> 

    <md-spinner *ngIf="loadingPdf && fileUrl" class="center"></md-spinner> 
</div> 

When I'm in the middle of the pdf, I don't see the bottom scroll bar

If I scroll all the way down, I can see the bottom scroll bar

+0

您是否尝试过添加overflow-x:scroll;或者只是改变overflow-y只溢出? – Apolymoxic

+0

@Aolymoxic是的,我都尝试过。它没有工作。 – user2817869

回答

0

你的滚动条是在两个不同的元素。尝试将overflow-y: auto更改为overflow: auto,以便滚动条位于同一元素上。

+0

我试过但没有工作。 – user2817869

+0

没有多少我可以说,没有看到它的行动。你所能做的就是检查(或萤火虫)并检查每个元素,看看发生了什么,试验 – sn3ll