我无法左右看到滚动条,直到我一直向下滚动到内容的底部

时间:2017-04-14 19:20:23

标签: html css angular

我正在尝试向我的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

1 个答案:

答案 0 :(得分:0)

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