2017-04-14 50 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